獲取警告，如果他們所（UL）爲空

Question

如何做，如果在.empty所有標籤UL是空的警報OK（用jQuery）

？例如：http://jsfiddle.net/pqgGr/

<div class="empty"> 
    <ul>1</ul> 
    <ul></ul> 
    <ul></ul> 
</div> 
if ($('.empty ul').is(":empty")) { 
    alert('ok') 
} 

Answer 1

使用:not()排除空的項目，看看是否能返回一個空集：

if($('.empty ul:not(:empty)').length == 0) { 
    alert('ok'); 
} 

Live demo

Answer 2

試試這個

var empty = true; 

$('.empty ul').each(function(){ 
    if(!$(this).is(":empty")) 
    { 
     empty = false; 
    } 
}); 

alert(empty); 

現場演示：http://jsfiddle.net/pqgGr/1/

Answer 3

的text方法將返回每一個匹配元素的文本內容的串聯：

if($(".empty ul").text() === "") { 
    alert("Empty!"); 
} 

這是working example。但是請注意，如果您只關心文字，這隻會起作用。如果有ul元素的子元素，並且它們中沒有任何文本節點，則ul將被視爲空。

Answer 4

嘗試：

if($(".empty").attr('ul').is(':empty')){ 
    alert('ok') 
} 

你也可以考慮檢查之前修剪空格

if($.trim($(".empty").attr('ul').is(':empty'))) 
{ 
    alert('ok') 
}