jQueryの、.NOTを持つクラスを選択.closestと一緒に

Question

例.find：。 '（見つける私はすべての特別なクラスを選択するが、.closest（」メイン。'）かどうかをフィルタする

<div class="main"> 
<div><div class="left"></div></div> 
<div><div class="special"></div></div> 
</div> 

<div class="main"> 
<div><div class="right or center or any"></div></div> 
<div><div class="special"></div></div> 
</div> 

を左。 「）

だから、私はこのような何かしたい：それは正しくないが、私は.closestで.NOTセレクタを使用して、一緒に.findする任意の例を見つけることができませんでした。もちろん、

$('.special').not('.special').closest('.main').find('.left') 

を。ここで

Answer 1

あなたが行く

$('.special').filter(function() { 
    if ($(this).closest('.main').find('.left').length > 0) { 
    console.log('invalid', $(this)); 
    } else { 
    console.log('valid', $(this)); 
    } 
}); 

更新：フィルター付き

var list = $('.special').filter(function() { 
    return ($(this).closest('.main').find('.left').length == 0); 
}); 

console.log(list); 

独自のフィルタを適用し、すべての要素を選択するには、それ

Answer 2

に一致する要素のリストを受け取ることができますクラスspecialを使用していますが、条件を満たす場合は除外してください。

あなたの内側の周り

$('.special').each(function(){ 
    if(!$(this).parent('div').siblings('div').children('.left')) { 
     // logs element to console 
     console.log(this); 
    } 
}); 

また、クラスでdiv年代の内側にあなたが余分（不要）を持っているように見えるmaindiv：0

$('.special').each(function(){ 
    if(!$(this).closest('.main').find('.left')) { 
     // logs element to console 
     console.log(this); 
    } 
}); 

これを実行する別の方法は、あなたのHTMLに基づいて、このようなものですほとんどdiv秒です。私はそれらを削除し、コードをきれいに保つためにコードを更新することを提案しました。