はこのjqueryオブジェクトから正しい結果を得ることができません

Question

次のjavascriptがあり、dvservicestitleクラスのdivとdvservicescontentのdivのすべてのliタグでテキストを取得するさまざまな方法を試しましたクラス。どちらの仕事と私は理由が分からない。誰でもこのコードの何が間違っているのか考えていますか？

if (html == "") html = "<div class='dvservicestitle'>Our Services</div><div class='dvservicescontent'><ul></ul></div>"; 

var title = $(html).find(".dvservicestitle"); 
var elements = $("dvservicescontent li", $(html)); 

Answer 1

理由があります。あなたのHTML変数はあなたが探しているdivなので、find()メソッドはそれを見つけられません。それを別のコンテナにラップする必要があります。

html = "<div class='dvservicestitle'>Our Services</div><div class='dvservicescontent'><ul></ul></div>"; 
$(html).find(".dvservicestitle") 
>> [] 

$(html).hasClass("dvservicestitle") 
>> true 

html = "<div><div class='dvservicestitle'>Our Services</div><div class='dvservicescontent'><ul></ul></div></div>" 

$(html).find(".dvservicestitle") 
>> [<div class=​"dvservicestitle">​Our Services​</div>​] 

Answer 2

var title = $(html).find(".dvservicestitle").html(); 
var elements = $(html).find('.dvservicescontent ul').children(); 

Answer 3

あなたが使用することができます：find()方法は、現在のノードに子ノードを見つけるため

var title = $(".dvservicestitle").text(); 
var elements = $(".dvservicescontent li").text(); 

Answer 4

.findあなたが持っていない子孫を検索します。検索するdivはトップレベルに存在するため、jQueryオブジェクトの要素の1つです。

使用.filter正しい要素フィルタリングする：

$(html).filter(".dvservicestile").text();