next是同胞选择器。举个例子
<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
<p>Hello</p>
<p>Hello Again</p>
<p>I am wrong</p>
<script>
$("p").next().css("background","yellow");
</script>
</body>
</html>
结果如下(一共有三个p标签,选择了其中两个)
image.png
进阶用法
<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
<p>Hello</p>
<p class="c">Hello Again</p>
<p>I am wrong</p>
<script>
$("p").next(".c").css("background","yellow");
</script>
</body>
</html>
这个结果如下,在选择同胞的基础上又进一步筛选了class为c的。
image.png