首页 > 语言 > JavaScript > 正文

jQuery中的siblings用法实例分析

2024-05-06 16:26:45

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了jQuery中的siblings用法,结合实例形式简单分析了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>

我们还知道，

复制代码代码如下:

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

在本例中可以写成

复制代码代码如下:

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

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

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

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：不得不分享的JavaScript常用方法函数集（上）

下一篇：jquery遍历函数siblings()用法实例