Question

I have such html data:

<div class="class1">...</div>
<div class="class1 class2">...</div>
<div class="class3">...</div>
...
<div class="class1">...</div>
<div class="class1 class2">...</div>
<div class="class3">...</div>

How can I get divs with class1 and then divs with class2?

I tried such way:

var divs = $(data).find('.class1');

But it returned empty array.

I tried other way:

var divs = $(data).filter('.class1');

But it returned array

[div.class1, div.class1, ..., div.class1]. 

So, I could not find divs with ‘class2’ in it, because ‘class2’ was lost… It’s so strange…

Has anybody ideas?
Thanks!

Answer 1

The reason why find didn’t work is probably because your HTML string doesn’t have a root element, so the search is performed inside of each element. If you wrapped the HTML inside of a containing element, find should work.