prevUntilメソッド

prevUntilメソッドは、 同じ親要素内で指定された要素の前にある 要素を返します。このメソッドは、 指定された要素から、メソッドのパラメータで 指定されたセレクタに一致する最初の要素まで の要素を返します。メソッドにパラメータを 渡さない場合、メソッドは prevAll メソッドとして動作します。

構文

最初のパラメータとして、選択の基準となる 文字列表現、DOMノード、またはjQueryオブジェクトを 渡すことができます。2番目のパラメータとして、 文字列形式の追加のフィルタリング条件を 渡すことができます。両方のパラメータは オプションです:

javascript.prevUntil([セレクター], [フィルター]);

例

#test要素を見つけ、 その上の兄弟要素すべてに対して、 wwwクラスを持つ段落まで、 htmlメソッドを 使用してテキスト'!'を 設定してみましょう:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
</div>
<p>outside</p>
javascript$('#test').prevUntil('p.www').html('!');

HTMLコードは次のようになります:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">inside</p>
  <p>!</p>
  <p>!</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
</div>
<p>outside</p>

関連項目

  • メソッド nextUntil,
    指定された要素の後にある要素を返します
  • メソッド prev,
    要素の直前の兄弟要素を取得できます
  • メソッド prevAll,
    同じ親要素内で指定された要素の前にあるすべての要素を返します
  • メソッド siblings,
    同じ親要素内の要素の兄弟要素を取得できます