jQuery 過翠 - prev() メソッド
定義と用法
prev()は、マッチングした要素集合の各要素の直前の同級要素を取得し、選択器をフィルタリングすることはオプションです。
.prev(selector)
| パラメータ | 説明 |
|---|---|
| selector | 要素をマッチングするための選択器式を含む文字列値。 |
詳細説明
DOM要素集合を表すjQueryオブジェクトが与えられている場合、.prev()メソッドは、DOM木でこれらの要素の前の同級要素を検索し、一致する要素で構成された新しいjQueryオブジェクトを作成します。
このメソッドは、$()関数に渡すパラメータのタイプと同じ選択器式をオプションで受け入れます。この選択器式が適用されている場合、要素がその選択器に一致するかどうかを検出してから、要素をフィルタリングします。
この基本的なネストリストを持つページについて考えてみてください：
<ul> <li>リストアイテム1</li> <li>リストアイテム2</li> <li class="third-item">リストアイテム3</li> <li>リストアイテム4</li> <li>リストアイテム5</li> </ul>
もし第3つのプロジェクトから始める場合、その要素間の直前の隣接要素を見つけることができます：
$('li.third-item').prev().css('background-color', 'red');
ここで呼び出される結果は、プロジェクト2の背景を赤色に設定することです。選択器式が適用されていないため、前の要素が自然にオブジェクトの一部となります。選択器が適用されている場合、要素が選択器に一致するかどうかを検出してから、要素を含む前に要素をフィルタリングします。
