jquery兄弟要素の指定方法まとめ

主に参考にしたサイト
jQuery 兄弟要素の取得と操作 – 自分以外の兄弟、自分以降の兄弟、自分以前の兄弟等

テーブル組をしていて
toggleボタンを押したら上下両方のテーブル要素が選択されるように
jqueryを調整したい、ということでjqueryの兄弟要素の選択方法をlearning。

自分以外の要素

.sibling()　要素を使う

自分（含めずに）の一つ後の要素

.next()　要素を使う

（）内には.next('p')のようにフィルタを掛けることが可能。（）が空欄の場合はその後の要素すべてが対象となる。

自分（含めずに）の後のすべての要素

.nextAll()　要素をもちいる

自分（含めずに）の一つ前の要素

.prev()　要素を使う

HTML

$("button").click(function () {
  $curr = $curr.prev();
  $("div").css("background", "");
  $curr.css("background", "#f99");
});

のように書くと、クリックするたびにセレクタを変更することが可能。

自分（含めずに）の前のすべての要素

.prevAll()　要素を使う