简述JS中next方法与nextAll方法

编程入门 行业动态 更新时间:2024-10-09 18:21:20

简述JS中next<a href=https://www.elefans.com/category/jswz/34/1771314.html style=方法与nextAll方法"/>

简述JS中next方法与nextAll方法

介绍

next()取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合
nextAll()查找当前元素之后所有的同辈元素

区分

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="js/jquery-3.3.1.js"></script></head><body><table><tr id="thead"><th>编号</th></tr><tr><td>1</td></tr><tr><td>2</td></tr></table><script>$("#thead").next().each(function(){console.log(this);});console.log("————分割线————")$("#thead").nextAll().each(function(){console.log(this);});</script></body>
</html>

结果如下:

其中红色箭头指向的是next方法的输出,即id为“thread”的标签元素之后紧邻的元素,而蓝色箭头指向的为nextAll方法获取的该标签之后的所有同级元素。

更多推荐

简述JS中next方法与nextAll方法

本文发布于:2024-02-11 22:37:39,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1683989.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:方法   JS   nextAll

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!