How to get the total instance of the :contains() Selector

Question

I have these divs

<div id="content" style="display:none">**Content1 goes here**</div>
<div id="content" style="display:none">Content2 goes here</div>
<div id="content" style="display:none">Content3 goes here</div>
<div id="content" style="display:none">Content4 goes here</div>
<div id="content" style="display:none">**Content1 goes here too**</div>
<div id="content" style="display:none">**Content1 goes here again**</div>
<div id="content" style="display:none">Content4 goes here part 2</div>

I have my jquery contains selector

$( "div:contains('Content1')" ).css( "display", "block" );

If there's a match (i.e. Content1), then all matched DIVs will be displayed.

QUESTION: Is there a way to know how many matches occurred? For "Content1", it should say 3 records. Also, if there's no match, it will say "0 results".

`$("").length` ... in your case use this `$( "div:contains('Content1')" ).length` — Callebe, Aug 22 '14 at 02:52
the jQuery object has a length property which can be used in this case — Arun P Johny, Aug 22 '14 at 02:52

score 0 · Accepted Answer · answered Aug 22 '14 at 03:23

0

Here is a simple example. I hope this helps :)

  var matches = $("div:contains('Content1')").length;

   alert(matches);

http://jsfiddle.net/silkherb/rvecpu5d/2/

answered Aug 22 '14 at 03:23

jowi

36
2

How to get the total instance of the :contains() Selector

1 Answers1

Linked