这两种方法均是获得所匹配元素的后面的同辈元素，next()是获取仅挨着所匹配元素的下一个同辈元素，而nextAll()则是获取所匹配元素其后的所有同辈元素；
next()
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<form>
<input id="user_name"/>
<input type="button" />
<input type="password" />
</form>
<script>
$("#user_name").next().each(function(){
console.log(this);
})
</script>
</body>
</html>
上例next()仅是获取 <input id="user_name"/> 元素之后与其同辈的一个最近的元素，很明显是 <input type="button" /> 元素；
nextAll()
<script>
$("#user_name").nextAll().each(function(){
console.log(this);
})
</script>将next()方法换成nextAll()方法，则是获取之后的所有同辈元素，结果如下；
扫一扫
440
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
