jQueryの：どのようにルート要素

Question

せずにHTMLデータから、クラス名でdivを取得する私は、このようなHTMLデータを持っている：

<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> 

は、どのように私はクラス1でdivを取得することができ、その後、クラス2でのdiv？

私は、このような方法を試してみました：

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

しかし、それは空の配列が返されました。

私は他の方法で試してみました：

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

をしかし、それはそう配列

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

を返された「クラス2」が失われたので、私は、その中の「クラス2」とdivを見つけることができませんでした...それはとても奇妙です...

誰か考えましたか？ ありがとう！

Answer 1

findが機能しなかった理由は、HTML文字列にルート要素がないため、各要素の内部で検索が行われるためです。含まれている要素の内部にHTMLをラップした場合、findが動作するはずです。

Answer 2

コレクションでfilterを呼び出すと、そのフィルタに一致する要素のみが取得されます。ただし、元のコレクションは変更されていません。

あなたがしなければならないのは、変数に元のコレクションを格納し、そしてあなたが.class2でフィルタしたいときに戻って参照してくださいです：

var all = $(data), 
    class1 = all.filter('.class1'), 
    class2 = all.filter('.class2'); 

Answer 3

$("div[class*='class1']"); 

テストするには、このコードを実行します。

var divs = $("div[class*='class1']"); 

divs.each(function() { 
    alert($(this).text()); 
});