[解決済み] jQuery マッチしたクラスが与えられたidを持つかどうかを判断する

質問

次の記述のうち、jQuery has id に相当するものは何ですか？

$('#mydiv').hasClass('foo')

というように、クラス名を与えて、それが与えられたidを含むかどうかをチェックすることができます。

のようなものです。

$('.mydiv').hasId('foo')

どのように解決するのですか？

そのロジックをセレクタに焼き付けるには、次のようにします。 複数のセレクタを結合する . 例えば、与えられた id を持ち、特定のクラスを持つすべての要素をターゲットにすることができます。

$("#foo.bar"); // Matches <div id="foo" class="bar">

これは、CSSで記述したものと同じように見えるはずです。すべての #foo 要素には適用されず (ただし、1つしかないはずです)、すべての .bar 要素には適用されません（多くの要素がある可能性はありますが）。それは、両方の属性で修飾された要素のみを参照します。

jQueryはまた、優れた .is メソッド というメソッドがあり、ある要素が特定の性質を持っているかどうかを判断することができます。jQueryコレクションは、文字列セレクタ、HTML要素、または別のjQueryオブジェクトに対してテストすることができます。今回は、文字列セレクタに対してチェックするだけです。

$(".bar:first").is("#foo"); // TRUE if first '.bar' in document is also '#foo'