天天看點

[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标簽下的兄弟元素再進行二次篩選