jQuery prevAll()メソッド
例
クラス名が「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)
定義と使用法
prevAll()メソッドは、選択した要素の以前のすべての兄弟要素を返します。
兄弟要素は、同じ親を共有する要素です。
DOMツリー:このメソッドは、DOM要素の兄弟に沿って逆方向にトラバースします。
関連する方法:
- prev() -選択した要素の次の兄弟要素を返します
- prevUntil() -2つの指定された引数の間の次のすべての兄弟要素を返します
構文
$(selector).prevAll(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for previous siblings Note: To return multiple siblings, separate each expression with a comma. |
自分で試してみてください-例
を絞り込む前の兄弟要素の検索をフィルタリングする方法。
を返すフィルターパラメーターを使用して、クラス名が「first」、「second」、および「third」である<h2>要素のすべての兄弟を返す方法。
以前のすべての兄弟要素を選択する<p>要素の以前のすべての兄弟要素を選択する方法。
を選択する各<div>要素の以前のすべての兄弟<p>要素を選択する方法。