上兩篇的博文分別記錄了,如何獲取一個元素一的所有子元素,和如何獲取某個指定元素的相鄰同輩的上一個元素和下一個元素,今天記錄一下JQuery中如何獲取同輩元素中的所有元素

jQuery 遍歷 - siblings() 方法

国产视频appjQuery中的siblings方法可以獲取指定元素的同輩的所有元素,返回一個數組

語法

.siblings(selector)

注:selector為可選項,包含用于匹配元素的選擇器表達式。

siblings()方法使用案例

獲取UL標簽同輩的所有元素,并輸出獲取的個數,并把它們的字體設為紅色

jQuery 遍歷 - siblings() 方法

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);//輸入數組長度

結果如下圖所示

QQ截圖20180129204351.png

国产视频appPS:上邊代碼中的<script>也算作一個元素,所以會出現四個元素的長度