Count how many divs has a specific content?

Question

I want to count how many divs with the class .tool that contain the following html by example : <b>Photoshop</b>

<div class="tool"><b>After Effects</b></div>
<div class="tool"><b>Photoshop</b></div>
<div class="tool"><b>Illustrator</b></div>
<div class="tool"><b>Photoshop</b></div>
<div class="tool"><b>Photoshop</b></div>
// This would return 3

How to do that using jQuery? i only can count all .tool divs?

Thanks

Answer 1

Use filter:

var count = $(".tool").filter(function() {
    return $(this).text() == 'Photoshop';
}).length;

If you insist on matching the HTML:

var count = $(".tool").filter(function() {
    return $(this).html() == '<b>Photoshop</b>';
}).length;

Answer 2

or use contains

$("div.tool:contains('Photoshop')").length