javascript - jQuery中next 和nextall的区别?

Question

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

Answer 1

嘛，字面意思嘛。
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元素都是不会被选中的。