jquery - HTMLコンテンツを格納する変数からjQueryオブジェクトを構築する方法

Question

質問が述べたように、変数からjQueryオブジェクトを構築できることを知りたいです。例:

var data = "<div id='bird'>halo world</div>";
console.log($("#bird",$(data)));​

JSfiddle リンクが提供されています。

Answer 1

$(data)によって構築されますが、要素"<div id='bird'>halo world</div>"の選択に間違ったセレクターを使用しています。要素の子孫内を検索しますが、要素はそのオブジェクトの子孫ではないため、空のオブジェクトが取得されます。要素を選択する必要がある場合は、次のように.closest()を使用できます。"#bird"$("#bird",$(data))$(data)"#bird""#bird"

$(data).closest("#bird")

例：

var data = "<div id='bird'>halo world</div>"+
           "<div id='otherbird'>Other halo world</div>";
console.log( $(data).closest("#bird").html() );
//=>    halo world