Question

I have this html code:

<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>
<span id="post"></span>

I want to count how many spans are there with the id="post" in my page. when I tried to use .length and alert I got 1
what is the way to do this ?

Answer 1

You may want to use class instead of id.

Like:

<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>
<span class="post"></span>

And

alert($('span.post').length);