忍者ブログ

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

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

[PR]

×

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

jQueryで複数のセレクタを指定する方法

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

<p class="p_a" id="1">p-1</p>
<p class="p_a" id="2">p-2</p>
<p class="p_a" id="3">p-2</p>
<p class="p_b" id="4">p-4</p>
<p class="p_b" id="5">p-5</p>
<p class="p_b" id="6">p-6</p>

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

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回]

PR

コメント

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字

ブログ内検索

最新コメント

広告

プロフィール

なんとなくはじめてみたよ

忍者ツールズプロフィールは終了しました

カウンター