jquery - クラスが適用されているかどうかを確認するにはどうすればよいですか？

Question

「特定の」クラスがdiv内のスパンに適用されているかどうかを確認したいので、試してみました

$('#div').click(function() {
     console.log($(this).find('.myImgClass').length);  // returns 0-if not found
                                                      // 1 if found
}

HTMl

<div>
 <span class="myImgClass"></span>
</div>

これは正しい方法ですか？

Answer 1

jQuery.hasClass()これを行うには、メソッドを使用します。

var hasMyImgClassClass = $("span").hasClass("myImgClass");

Answer 2

セレクターが間違ってdivいる#div

$('div').click(function() {
   console.log($(this).has('.myImgClass').length);
});

Answer 3

$("div >span").click(function(){
 alert($(this).hasClass('myImgClass')) 
});

Answer 4

これでうまくいくはずです、

$('div').click(function() {
  alert("Spans with .myImgClass: " + $(this).children('span.myImgClass').length);
});

JSFiddle.netの例

クラスでdivのみが必要な場合は、次のようにします。

$('div > span.myImgClass').click(function() {
  var theSpan = $(this);
  var theDiv = theSpan.parent();
  alert("Div with Span with .myImgClass.");
});

Answer 5

正しく見えますが（divセレクターは別として）、スパンを具体的に確認する場合は、次のように変更します。

$('div').click(function() {
     console.log($(this).find('span.myImgClass').length);  
});