jQuery - 选择器 - 选择 div 中的所有元素

7
有没有一种简单的方法来使用jQuery选择div(或任何其他元素)中的所有元素?
我这周已经搜索了几个小时了,我会继续敲击我的键盘。
<div class="Someclass">
    <img src="" title="" />
    <ul>
        <li></li>
        <li><a href="" alt="" /></li>
    </ul>
</div>

我希望有一种简单的方法可以选择 .Someclass 中的所有元素,而不必一个个地调用每个元素。


1
“选择所有元素”是什么意思?类似于 $('.Someclass').html() 或者 $('.Someclass').find('img') 这样的吗? - Thomas Menga
6个回答

16

更简单的jQuery选择器是$("#divID *")。正如您所知,在CSS中,a b表示a的所有后代b,而a>b表示a的所有直接子元素b,因此#myDiv *表示是id="myDiv"<div>元素的所有后代元素


1
如果我想在选择中包含div,最好的方法是$(#divID, #divID *)吗? - Jon

6

有没有一种简单的方法来选择 div 中的所有元素? 我想要一种简单的方法来选择 .Someclass 中的所有元素... 为什么是 -1? - Aaron W.
谢谢大家!我不再用头撞键盘了。 - Jon
2
children() 只会选择子元素,而不会选择其他后代元素。它只会遍历 DOM 树的一层。 - RationalRabbit

3
获取所有子元素和后代元素:
要获取一个元素的所有子元素和后代元素,可以使用以下方法:
$('.SomeClass *')

只获取直接子元素:

$('.SomeClass > *')

1

如果你想要 .Someclass 内的每个元素,可以使用以下代码:

var allElements = $(".Someclass *");

1

这在Chrome中有效:

$(".Someclass *").addClass("testing");

0

或者如果你想要所有的元素而不仅仅是直接子元素。 $('.someclass *')


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接