javascript - 如何在 jquery 中选择一个元素及其子元素？

Question

我有一个 div，其中包含更多 div。这些 div 内部包含 table/div。如何在 jquery 中选择此父 div 及其子级？父 div 有类“ AccordionTitle AccordionTitle-selected”

我试过以下

var klo=$(".AccordionTitle.AccordionTitle-selected").contents()

和

var klo=$(".AccordionTitle.AccordionTitle-selected").children().clone()

但它只选择父 div 及其子项。它没有深入到根目录。我使用的是 jquery 1.9.0

谢谢

score 6 · Accepted Answer

您可以使用,分隔符来选择多个查询。这样的事情应该做。

var klo=$(".AccordionTitle.AccordionTitle-selected, .AccordionTitle.AccordionTitle-selected > *")

这将选择元素本身以及DOM 树中元素本身正下方的元素。

如果您正在寻找一种解决方案来查找子元素及其子元素，则可以使用类似的方法。

var klo=$(".AccordionTitle.AccordionTitle-selected, .AccordionTitle.AccordionTitle-selected *")

原理是一样的，只是现在你省略了>只允许原始节点正下方的子节点的运算符。

score 5 · Accepted Answer

5

var klo=$(".AccordionTitle.AccordionTitle-selected").children().addBack()

于 2013-08-12T13:12:28.583 回答

score 4 · Accepted Answer

您可以使用find('*')选择所有后代元素，然后addBack将父元素添加回选择中。clone如果克隆是你想要的变量，我也已经包含在最后。

var klo=$(".AccordionTitle.AccordionTitle-selected").find('*').addBack().clone();

score 3 · Accepted Answer

使用find() 而不是children()

children():仅检索单个后代子项。

find("*"):它将检索所有后代元素。

*:通用选择器。

var klo=$(".AccordionTitle.AccordionTitle-selected").find('*');

score 0 · Accepted Answer

0

var klo = $(".your.classes, .your.classes div");

于 2013-08-12T13:11:27.557 回答

5 回答 5