檢查每一個元素都包含一個又一個特定的元素

Question

我有以下幾點：

<div class="main"> 
    <div class="sub"></div> 
</div> 

<div class="main"> 
    <div class="sub"></div> 
</div> 

<div class="main"> 
    <div class="another"></div> <!-- Attention: This div does not have .sub --> 
</div> 

<div class="main"> 
    <div class="sub"></div> 
</div> 

如何檢查，有一個div.main不包含div.sub？下面

我的代碼似乎只是爲了檢查第一div.main

if ($('.main .sub')[0]) { 
    console.log('All div.main contain div.sub'); 
} 
else { 
    console.log('Some div.main which does not contain div.sub'); 
} 

Answer 1

可以

if($('.main:not(:has(.sub))').length == 0){ 
    console.log('all contains sub') 
} 

演示：Fiddle

Answer 2

$('.main').each(function() { 
    if ($(this).children('.sub').length > 0) { 
     console.log("yes"); 
    } else { 
     console.log("no"); 
    } 
});