javascript - jQuery中next 和nextall的区别?
巴扎黑
巴扎黑 2017-04-10 12:42:27
[JavaScript讨论组]

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

巴扎黑
巴扎黑

全部回复(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元素都是不会被选中的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号