Next Adjacent Selector (“prev + next”)

next adjacent selector

描述: 选择所有紧接在 “prev” 元素后的 “next” 元素

  • 添加的版本: 1.0jQuery( "prev + next" )

    prev: 任何有效的选择器。

    next: 用于筛选紧跟在 "prev" 后面的元素的选择器。

其中重要的一点既要考虑下一个相邻兄弟选择器（ prev + next ）和一般兄弟选择器（ prev ~ siblings ）所选择到的元素，必须在同一个父元素下。

例子:

查找所有跟在 label 后面的 input 元素。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
  <form>
 
  <label>Name:</label>
  <input name="name" />
  <fieldset>
    <label>Newsletter:</label>
 
    <input name="newsletter" />
  </fieldset>
</form>
<input name="none" />
<script>$("label + input").css("color", "blue").val("Labeled!")</script>
 
</body>
</html>

Demo: