jQueryの：私はこの基本的なHTML構造を持っている各

Question

を使用して、ネストされた要素を反復処理：

<div class=a> 
    <div class=m></div> 
    <div class=m></div> 
</div> 
<div class=b> 
    <div class=m></div> 
    <div class=m></div> 
</div> 

は今、私はすべてのmのを反復処理したいが、また、私がまたはbにいるかどうかを知りたいと思います。 基本的なjquery構文を使用して、これを見つけ出すことができません。

$('.m').each(function(index) { 
    // how do i know if this m is part of a or b ? 
}); 

Answer 1

$(this).parent().hasClass("a")または$(this).parent().hasClass("b")

Answer 2

$('.m').each(function(index) { 
    this.parentNode.getAttribute("class"); 
}); 

Answer 3

例えば、親が.a

if($(this).parent().is('.a')) 

Answer 4

if($(this).parent().hasClass('a')) 

とBについても同様である、それが動作するはずです確認してください。あなたが気にした場合

var $this = $(this); 
if ($this.closest("a").length === 1) { 
    alert("I'm in an a div"); 
} 
else { 
    alert("I'm in a b div"); 
} 

Answer 5

あなたは.closestメソッドを使用することができますあなたが「A」または「B」である場合、あなたの関数を識別するために

$('.m').each(function() { 
    var parentClass = $(this).parent().attr('class'); 
}); 

ので、parentClassのVaRはeitheの値を持つ必要がありますr 'a'または 'b'

Answer 6

が、その後、私はこのようなセレクタを分離したい：：

$('.a .m').each(function(index) { 
    // now I'm on .a items 
}); 

$('.b .m').each(function(index) { 
    // now I'm on .b items 
}); 

Answer 7

あなたが内部の親要素のクラスを確認することができます