Next Adjacent Selector ("prev + next")

发布于 2017-09-11 17:05:13 字数 1141 浏览 999 评论 0 收藏 0

所属分类：选择器 > 层级

next adjacent selector

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

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

prev: 任何有效的选择器。

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

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

例子:

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

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

分享到QQ

分享到微博