首页 > 开发 > JS > 正文

jQuery中next 和nextall的区别?

2017-09-05 13:02:31  来源:网友分享

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

解决方案

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

对于文档

<div id="div1">	<div class="child"></div></div><div id="div2">	<div class="child"></div></div><div id="div3">	<div class="child"></div></div><div id="div4">	<div class="child"></div></div><div id="div5">	<div class="child"></div></div>
var next2= $('#div2').next();var next2all= $('#div2').nextAll();

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