javascript - jQuery中next 和nextall的区别?
巴扎黑
巴扎黑 2017-04-10 12:42:27
0
1
795

如题。对两者没有理解明白...

巴扎黑
巴扎黑

reply all(1)
Peter_Zhu

嘛,字面意思嘛。
next:同级元素中紧贴着的后面一个 (http://api.jquery.com/next/)
nextAll:同级元素中后面所有的 (http://api.jquery.com/nextAll/)

对于文档

<p id="p1">
	<p class="child"></p>
</p>
<p id="p2">
	<p class="child"></p>
</p>
<p id="p3">
	<p class="child"></p>
</p>
<p id="p4">
	<p class="child"></p>
</p>
<p id="p5">
	<p class="child"></p>
</p>
var next2= $('#p2').next();
var next2all= $('#p2').nextAll();

next2会选出 $('#p3'),也就是$p2后面紧跟着的一个
next2all会选出 $('#p3,#p4,#p5'),也就是$p2后面剩下的所有元素。
要注意的是,这里都是选择同辈元素,所以child元素都是不会被选中的。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template