jQuery

[jQuery] 指定した要素の次以降にある兄弟要素から指定した要素までを取得する(.nextUntil)

投稿日:

指定した要素の次以降にある兄弟要素から指定した要素までを取得するには、
.nextUntil() を使用します。

構文

(構文)
.nextUntil([<セレクタ>], [<セレクタ>])

引数のセレクタを省略した場合は、nextAllと同じ動きになります。

サンプルソース

例)ボタンを押すと、id="a2"の次からid="a5"の前までの文字色を青色にする

実行すると、CCC、DDD が青文字になります。

解説

  • 引数にセレクタを1つ指定した場合は、そのセレクタに合致した要素の1つ手前までが対象になります。
  • 引数にセレクタを2つ指定した場合は、指定した2つのセレクタに合致した要素の1つ手前までが対象になります。
  • 引数を指定しない場合は、.nextAll()と同じ動きになります。
  • 指定した要素も取得対象としたい場合は、.addBack() を併用してください。
    [jQuery] マッチした要素に加えて、1つ前にマッチした要素を加える

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 他要素のイベントを実行する

他要素のイベントを実行するサンプルです。 サンプルソース 例)「ボタン2」をクリックすると、「ボタン1」のクリックイベン ...

[jQuery] 配列要素に対して繰り返し処理を行う($.each)

配列要素に対して繰り返し処理を行うには、.each()を使用します。 サンプルソース 例1)ボタンを押すと、配列の全要素 ...

[jQuery] テーブルの行数を取得する

jQueryでテーブルの行数を取得するサンプルです。 サンプルソース 例)ボタンを押すとテーブルの行数をアラート表示する ...

[jQuery] function内でのthisの対象を明示的に指定する($.proxy)

function内でのthisの対象を明示的に指定するには、$.proxy()を使用します。 サンプルソース 例)Fun ...

[jQuery] チェックボックスのオンオフをセットする

jQueryでチェックボックスのオンオフ状態をセットするサンプルです。 サンプルソース 例)チェックボックスのチェック状 ...

スポンサーリンク