首页 > 编程 > JavaScript > 正文

jQuery中的siblings用法实例分析

2019-11-20 10:56:40
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表