jQuery prev()メソッド
例
クラス名が「start」の各<li>要素の前の兄弟要素を返します。
$(document).ready(function(){
$("li.start").prev().css({"color": "red", "border": "2px solid red"});
});
結果:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
定義と使用法
prev()メソッドは、選択した要素の前の兄弟要素を返します。
兄弟要素は、同じ親を共有する要素です。
DOMツリー:このメソッドは、DOM要素の前の兄弟に沿って逆方向にトラバースします。
関連する方法:
- prevAll() -選択した要素の以前のすべての兄弟要素を返します
- prevUntil() -2つの指定された引数の間の以前のすべての兄弟要素を返します
構文
$(selector).prev(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the previous sibling search |
自分で試してみてください-例
の前の兄弟要素を選択する方法。
を絞り込み
ます各<div>要素の前の兄弟<p>要素を選択する方法。