`
wsql
  • 浏览: 11793588 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

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

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


分享到：
| 设计模式 （四）创建者模式(Builder)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery中siblings()方法用法实例

    主要介绍了jQuery中siblings()方法用法,实例分析了siblings()方法的功能、定义及获取匹配元素集合中每一个元素的同辈元素的使用技巧,是进行元素筛选时非常实用的方法,需要的朋友可以参考下

    jQuery中的siblings用法实例分析

    主要介绍了jQuery中的siblings用法,结合实例形式简单分析了jQuery中siblings的功能及用法,需要的朋友可以参考下

    仿jQuery的siblings效果的js代码

    取一个DOM元素的兄弟节点,仿jQuery的siblings方法,用原生JS代码完成

    jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例

    本文实例讲述了jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法。分享给大家供大家参考，具体如下： siblings()属于jQuery筛选类的API，用来查找某个元素的所有同辈元素(所有兄弟姐妹)。 &lt;input type...

    jQuery中的siblings()是什么意思(推荐)

    siblings()方法返回被选元素的所有同级元素。同级元素是共享相同父元素的元素。但是很多朋友不清楚jQuery中的siblings()是什么意思，今天小编给大家介绍下

    jquery siblings获取同辈元素用法实例分析

    主要介绍了jquery siblings获取同辈元素用法,结合实例形式分析了jQuery使用siblings遍历同级元素的相关技巧,需要的朋友可以参考下

    jquery遍历函数siblings()用法实例

    主要介绍了jquery遍历函数siblings()用法,结合实例形式较为详细的分析了jquery的siblings函数用于元素遍历的相关技巧,需要的朋友可以参考下

    jQuery siblings()用法实例详解

    siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。接下来通过本文给大家介绍jQuery siblings()用法实例详解，需要的朋友参考下吧

    浅谈jquery中next与siblings的区别

    下面小编就为大家带来一篇浅谈jquery中next与siblings的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    jQuery 1.4.1 中文参考

    2.1 jQuery 核心函数 17 2.1.1 jQuery(expression, [context]) 17 2.1.2 jQuery(html, [ownerDocument]) 18 2.1.3 jQuery(html, props) 19 2.1.4 jQuery(elements) 20 2.1.5 jQuery() 20 2.1.6 jQuery(callback) 21 ...

    jQuery prev ~ siblings选择器使用介绍

    1、prev ~ siblings：匹配 prev 元素之后的所有 siblings 元素 2、（1）prev：任何有效选择器 （2）siblings：一个选择器，并且它作为第一个选择器的同辈 3、示例 （1）源码 siblings.html 代码如下: &lt;...

    有关jQuery中parent()和siblings()的小问题

    本文通过一个实例给大家介绍有关parent()和siblings()问题原因及解决方案，非常不错具有参考借鉴价值，感兴趣的朋友一起看看吧

    JQuery新版中文手册

    prev ~ siblings 基本 :first :last :not(selector) :even :odd :eq(index) :gt(index) :lt(index) :header :animated :focus1.6+ 内容 :contains(text) :empty :has(selector) :parent 可见性 :...

    jquery实现表单变色

    《锋利的jquery》利用siblings（）,attr（）方法实现表单变色

Magicbox
Global site tag (gtag.js) - Google Analytics