天天看点

[javaquery 知识小结] siblings()的用法

siblings()

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
  <div><span  >Hello</span></div>
  <p class="selected">Hello Again</p>
  <p  class="selected">And Again</p>
 <p  class="selected">And aAgain</p>
<script>
$("p").siblings(".selected").css("background", "red");
</script>

</body>
</html>
           

遍历p标签下所有class属性值是selected的节点,配置样式

$(“p”).siblings().css(“background”, “red”);

则为p标签的上下所有p标签都得到该样式,除了自己

如果在siblings()括号中在加入selector,则对p标签下的兄弟元素再进行二次筛选