jQueryの基礎:兄弟要素を条件付きで操作する

goto_jp 267views 更新:2014年5月27日

サンプルはこちら。

See the Pen qugry by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen.

前回兄弟要素の操作を紹介しましたが、その兄弟の中から条件に合致する対象のみ操作できます。

JavaScript

$(".naRed").click(function(){
  $(this).nextAll(".red").css("color","#f00");
});

「nextAll()」で「次以降の兄弟」を選択することができますが、その中に条件を記述することができます。

今回は「nextAll(“.red”)」としているため、兄弟の中でクラス「red」を持つものだけに赤字にする処理を行っています。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません