jQueryで複数セレクタを and 条件と or 条件で指定するときの指定方法の違いをメモする
はまったのでメモ。
jQuery でセレクタを複数条件で指定したい場合などがある。
例えばこんな場合
<table> <tr> <td class="a" id="1">a-1</td> <td class="a" id="2">a-2</td> <td class="a" id="3">a-3</td> </tr> <tr> <td class="b" id="4">b-4</td> <td class="b" id="5">b-5</td> <td class="b" id="6">b-6</td> </tr> </table>
こんなテーブル構造があった場合。
classが"a"、idが"5"のカラムの色を変えたい場合。
$(function() { $(".a,#5").css("backgroundColor", "red"); });
classが"b"で、かつidが"4"のカラムの色を変えたい場合。
$(function() { $(".b" + "#4").css("backgroundColor", "red"); });
つまり、
or条件なら
and条件なら
とします。