在jQuery中获取在调用者后面且与调用者同辈的标签的方法有next()和nextAll()两个,二者的区别在于,next()是获取在调用者标签后面第一个与之同辈的标签,nextAll()方法是获取在调用者后面与之同辈的所有标签。
以下是代码示例:
首先使用id选择器获取名为sex的input标签,然后调用next()方法,获取sex标签后面的第一个标签;
然后再用该标签调用nextAll()方法,获取在sex后面与之同辈的所有标签,并使用each循环将数组中的对象全部打印,运行结果如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<form>
<input />
<input type="password" />
<input id="sex" type="radio" value="0"/>男<input type="radio" value="1"/>女
<input type="submit" value="提交"/>
</form>
<script>
var e = $("#sex").next()[0];
console.log(e);
$("#sex").nextAll().each(function(){
console.log(this);
})
</script>
</body>
</html>