jQuery中的siblings

时间:2023-03-09 03:35:37
jQuery中的siblings

所谓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")

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