且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

jQuery中的siblings

更新时间:2022-08-21 11:03:28


所谓siblings,英文翻译就是兄弟节点。那么故名思意,就是拿到某元素的兄弟节点(不包括自己)。


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

<body>
<ul>
    <li>li1</li>
    <li>li2</li>
    <li id="li3">li3</li>
    <li>li4</li>
    <li>li5</li>
</ul>

<script>
     $("#li3").siblings("li").css("backgroundColor", "yellow");
</script>

</body>
</html>

 

 

我们还知道,
$("#li3").siblings("li").css("backgroundColor", "yellow")

在本例中可以写成

$("#li3").siblings().css("backgroundColor", "yellow")

默认拿和它自己相同的兄弟元素。

 

jQuery中的siblings