当前位置：首页 > 资讯 > 技术文档

jQuery中的siblings用法实例分析

时间：2021-09-29 00:15 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery中的siblings用法实例分析

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

我们还知道，

[u]复制代码[/u] 代码如下:

$("#li3").siblings("li").css("backgroundcolor", "yellow")

在本例中可以写成

[u]复制代码[/u] 代码如下:

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

默认拿和它自己相同的兄弟元素。希望本文所述对大家jQuery程序设计有所帮助。

全部评论(0)

上一篇：Jquery attr("checked") 返回checked或undefined 获取选中失效
下一篇：Jquery知识点二 jquery下对数组的操作

资讯排行榜
更多>>