如何從存儲html內容的變量構造jQuery對象

Question

如問題所述，想知道是否可以從變量構造jQuery對象。示例如下：

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

JSfiddle鏈接provided。

Answer 1

$(data)將"<div id='bird'>halo world</div>"構造，但是你用選擇"#bird"元素錯誤的選擇。 $("#bird",$(data))在$(data)元素的後代內搜索。但由於您的"#bird"元素不是該對象的後代，因此會得到一個空對象。如果您需要選擇"#bird"元素，你可以以這種方式使用.closest()：

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