Next Adjacent Selector (“prev + next”)

next adjacent selector

version added: 1.0jQuery('prev + next')

  • prev
    任何有效的选择器。
    next
    一个选择器匹配这个元素下面的第一元素。

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

其中重要的一点既要考虑下一个相邻兄弟选择器( prev + next )和一般兄弟选择器( prev ~ siblings )是该组合子的元素两边必须共享相同的家长。

Example:

Finds all inputs that are next to a label.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.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:

jQuery 1.6 API 中文版脚本之家整理、修订 (2011年6月)