Wordpressメモとかアフィめもとか

Wordpress,PHP,アフィリエイトとかの個人メモを記録していくよ

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

表題の通り、jQueryで複数のセレクタを条件したい場合の記述方法。ANDとORの違い。

p-1
p-2
p-2
p-4
p-5
p-6

のような構造であった場合

classが"p_a"でIDが5ののものだけを指定したい場合（or条件）

$(function() {
$(".p_a,#5").css("backgroundColor", "red");
});

classが"p_b"かつidが6のものだけを指定したい場合（and条件）

$(function() {
$(".p_b" + "#6").css("backgroundColor", "red");
});

orのときは

セレクタ1, セレクタ2

andのときは

セレクタ1 + セレクタ2

となる。

andとorの混在する複合の応用は
classがp_aかつid2とclassがp_bでidが5と6を指定したい場合

$(function() {
$(".p_a" + "#2" + "," + ".p_b" + "#5, #6").css("backgroundColor", "red");
});

となる。ややこし。。。

[0回]

ブログ内検索