如何在jquery中选择元素及其子元素

How to select an element and its children in jquery?

本文关键字：元素 选择 jquery      更新时间：2023-09-26

我有一个div，其中包含更多的div。这些div内部包含表/div。如何在jquery中选择这个父div及其子div？父div具有类"AccordionTitle AccordionTitle-selected"

我试过跟随

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

和

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

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

感谢

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

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

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

如果你正在寻找一个解决方案来查找子元素和它们的子元素，这样的方法就可以了。

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

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

Try.addBack（）

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

您可以使用find('*')选择所有子元素，然后使用addBack将父元素添加回选择中。如果克隆是您想要的变量，那么我在末尾也包含了clone。

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

使用find()而不是children()

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

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

*:通用选择器。

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

var klo = $(".your.classes, .your.classes div");
相关文章：