クラス名 "start" を持つ、各 <li> 要素の前の全兄弟要素を返す:
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px
solid red"});
});
結果:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Try it Yourself »
prevAll() メソッドは、選択した要素の前の全兄弟要素を返します。
兄弟要素は、同じ親を共有する要素です。
DOM ツリー: このメソッドは、DOM 要素の兄弟をたどりながら後方にトラバースします。
関連するメソッド:
$(selector).prevAll(filter)
パラメータ | 説明 |
---|---|
filter | 任意。前の兄弟検索を絞り込むセレクタ式を指定する 注: 前の兄弟検索を絞り込むセレクタ式を指定する |
検索の絞り込み
前の兄弟要素の検索をフィルタリングする方法。
複数の兄弟を返す
クラス名が "first"、"second" または "third" である
<h2> 要素の全兄弟を返すため、フィルタパラメータを使用する方法。
Select
<p> 要素の前の全兄弟要素を選択する
<p> 要素の次の全兄弟要素を選択する方法。
<div> の前の全兄弟 <p> 要素を選択する
各 <div> 要素の前の全兄弟 <p> 要素を選択する方法.