56游戏 ● 文章资讯

分类分类

jQuery中的siblings用法实例分析

更新时间：2026-02-18 21:02:01作者：fang

本文实例讲述了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")

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

希望本文所述对大家jQuery程序设计有所帮助。

展开全部

相关

手游推荐
说两句网友评论
    我要跟贴
    取消