jQuery中获取所有的同辈的兄弟元素
墨初 前端设计 20401阅读
上两篇的博文分别记录了,如何获取一个元素一的所有子元素,和如何获取某个指定元素的相邻同辈的上一个元素和下一个元素,今天记录一下JQuery中如何获取同辈元素中的所有元素
jQuery 遍历 - siblings() 方法
jQuery中的siblings方法可以获取指定元素的同辈的所有元素,返回一个数组
语法
.siblings(selector)
注:selector为可选项,包含用于匹配元素的选择器表达式。
siblings()方法使用案例
获取UL标签同辈的所有元素,并输出获取的个数,并把它们的字体设为红色
HTML代码
<div>我是一个DIV标签</div> <ul class="mochu"> <li>我是第一个li标签</li> <li>我是绿色的字体</li> </ul> <p>我是一个段落</p> <p>我是一个段落</p>
JQ代码
var $element = $(".mochu").siblings();//获取元素,为数组 $element.css("color","red");//赋予样式 alert($element.length);//输入数组长度
结果如下图所示
PS:上边代码中的<script>也算作一个元素,所以会出现四个元素的长度