【jQuery】兄弟要素を取得する

小川さん
聞いてくれ、 カンマンからのお知らせだ。

jQueryで直接指定して要素を取得するのは頻繁に行いますが、
兄弟要素で「じゃないやつら」を取得したいときに使うのがsiblings()です。

<nav>
    <ul>
        <li class="nav01">ナビ01</li>
        <li class="nav02">ナビ02</li>
        <li class="nav03">ナビ03</li>
        <li class="nav04">ナビ04</li>
        <li class="nav05">ナビ05</li>
    </ul>
</nav>

上記ソースでclassが”nav03″以外取得したい場合。

$(".nav03").siblings();

で取得できます。

slide01

ちなみに前の要素はprev()、次の要素はnext()

たとえばnav03クラスの前の要素を取得したいときは

$(".nav03").prev();

slide02_prev

nav03クラスの次の要素を取得したいときは

$(".nav03").next();

slide02_next

ココよりこっち側全部取得

前の要素全てを取得したいときは

$(".nav03").prevAll();

slide02_prevAll

次の要素全てを取得したいときは

$(".nav03").nextAll();

slide02_nextAll

なのだ。

この記事は「jQuery」カテゴリーです。

カンマン最新情報をゲット!

Facebookのウォールで

Twitterのタイムラインで

この記事を書いた人

白い たつ也
白い たつ也 Web Hengineer 「腹は黒いが名は白い」 気がついたら徳島にいました。 好き嫌いの激しい87年生まれ。 白い たつ也が書いた他の記事をチェック!

もう1記事どうぞ!

  • 関連
  • 人気
  • 最新

コメントを残す