62,041
社区成员
发帖
与我相关
我的任务
分享$(this).next()和$(this).children()有哪些区别
$(this).next()和$(this).children()有哪些区别
...全文
请发表友善的回复…
发表回复
snlei81 2014-09-23
- 打赏
- 举报
porschev 2012-02-09
- 打赏
- 举报
$(this).next() 当前元素同级的下个元素，而非子元素，1楼的说法有误
$(this).children() 是当前元素的下一级元素的集合，就是子元素的集合，而不管子元素的后代元素
所以这两个没有什么可比性，前者是找同级元素，后者是找子元素
children()和find()倒是有些共性有些区别
children()只管它下面一级的元素，而find()是管所有后代元素
huijunliang 2012-02-09
- 打赏
- 举报
.next() 获取下一个单个子元素
children() 获取多个子元素如:
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
$('ul.level-2').children().css('background-color', 'red');
意思就是 ul 里的li背景色全部是红色。
children() 获取多个子元素如:
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
$('ul.level-2').children().css('background-color', 'red');
意思就是 ul 里的li背景色全部是红色。
