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

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

 

 


目录
相关文章
|
3月前
|
JavaScript
jQuery 遍历 - 同胞(siblings)
jQuery 遍历 - 同胞(siblings)
27 6
|
3月前
|
JavaScript
jQuery 遍历 - 同胞(siblings)
jQuery 遍历 - 同胞(siblings)
21 2
|
JavaScript
jQuery 遍历 - siblings() 方法应用
jQuery 遍历 - siblings() 方法应用
64 0
|
JavaScript
jQuery的addClass、siblings、removeClass、each、html、eq、show/hide用法
jQuery的addClass、siblings、removeClass、each、html、eq、show/hide用法
214 0
jQuery的addClass、siblings、removeClass、each、html、eq、show/hide用法
|
JavaScript 前端开发
jQuery 遍历|同胞(siblings)
同胞拥有相同的父元素。 通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。 在 DOM 树中水平遍历 有许多有用的方法让我们在 DOM 树进行水平遍历: 这些方法相当于是集合的过滤条件 siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() siblings() 方法 siblings() 方法返回被选元素的所有同胞元素。
1035 0
|
3天前
|
JavaScript 前端开发 iOS开发
ios样式开关按钮jQuery插件
ios样式开关按钮jQuery插件
25 7
|
3天前
|
JavaScript 前端开发 API
漂亮的jQuery对话框插件Dialogify
这是一款jQuery对话框插件。该对话框插件使用dialog元素和 HTMLDialogElement API来制作对话框, 可以生成漂亮的对话框效果。
23 7
|
3天前
|
JavaScript
jQuery响应式垂直侧边栏插件rvnm
jQuery响应式垂直侧边栏插件rvnm
|
10天前
|
JavaScript
jQuery简单实用的圆形进度条插件
CirclesProgressbar是一款简单实用的jQuery圆形进度条插件。该插件可以自定义圆形进度条的大小,填充颜色,边框颜色和是否带动画效果等。该圆形进度条插件在使用上非常简单。