jquery - 如何获取存储在变量中的 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 元素，因此会在该元素中查找 #child-1 DOM 元素，而不是文档。