如何讓存儲在變量中的jQuery對象的子對象

Question

爲了給出一個簡短的高層次，我有一個搜索結果頁面，其中包含每個結果的自定義漂亮框。我將搜索結果的cloneNode（true）存儲在一個jQuery對象中。然後，我想通過ID進行定位來影響其子女的內容。

假設我有一個HTML的結構像這樣：

<div id="parent"> 
    <div id="child-1"> 
    </div> 
    <div id="child-2"> 
    </div> 
</div> 

我拿父母的克隆像這樣：

var templatePage = $('div#parent')[0].cloneNode(true); 

現在我想影響的#child-2有類似的CSS到：

templatePage.jQueryGetElementById('child-2').css("display", "none"); 

我不能使用$('#child-2').css("display", "none");，因爲我需要的div是在變量中，而不是頁面。

當然，這只是我錯過的一些小事，但唉，谷歌對我並不友善。

Answer 1

$("#child-1", templatePage).css("display", "none"); 

你可以看到這個here的一個例子。這是通過將上下文（templatePage）傳遞給jQuery來實現的，並且由於templatePage包含DOM元素，所以在該DOM元素中查找#child-1，而不是文檔。