I've got an ajax request that fetches an HTML string, like:

<div class="video">...</div><div class="video">...</div> 

and I want to count the number of "video" div's as soon as I retrieve the HTML from the server. Is there an easy way to do this?

I tried:

.done(function(data) { 
        $(data).find('.video').length

but it returns 0.

I've got an ajax request that fetches an HTML string, like:

<div class="video">...</div><div class="video">...</div> 

and I want to count the number of "video" div's as soon as I retrieve the HTML from the server. Is there an easy way to do this?

I tried:

.done(function(data) { 
        $(data).find('.video').length

but it returns 0.

• javascript
• jquery
• html
• ajax

Share Improve this question Follow edited Jun 5, 2014 at 9:09 Mark 2,4351111 gold badges3131 silver badges5050 bronze badges asked Jun 5, 2014 at 9:05 b0xxed1nb0xxed1n 2,35466 gold badges2121 silver badges3030 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 13

According to what is returned, you have all .video elements in the root. So one way to get the number of .video elements is to use .filter method:

$(data).filter('.video').length;