如何檢查jQuery元素的內容

Question

我正在嘗試學習一些jQuery。 在我的html頁面中，我有類似以下內容：

<li>
    <ul>
       <p>This ul has text</p>
    </ul>
</li>

<li>
    <ul></ul>
</li>

如果標簽'ul'沒有任何內容，我正在嘗試做某事

var $ul = $li.find(' > ul')
if( $ul.text() == null || $ul.text == ""){
    alert("Empty ul");
}else{ 
    alert("Not empty ul");
}

我每次都收到“ not not ul”警報，因此if語句永遠不會正確。

如何正確檢查'ul'標記內是否沒有內容？

Answer 1

您可以使用：empty

$('ul:empty').each(

如果要檢查ul之間是否只有空格，則可以使用filter和trim來獲取ul

$('ul').filter(function(){
   rturn $.trim($(this).text()) == "";
});

Answer 2

您可以使用：empty選擇器

var $ul = $li.find(' > ul')
if( $ul.is(':empty')){
    alert("Empty ul");
}else{ 
    alert("Not empty ul");
}

Answer 3

在if語句中， $ul.text應該帶有括號並為$ul.text() ：

if( $ul.text() == null || $ul.text() == ""){

如果可能存在空格，您可能還想修剪它：

if( $ul.text() == null || $.trim($ul.text()) == ""){

或者將:empty選擇器與.is()結合使用：

if($ul.is(':empty')){

Answer 4

嘗試這個：

$('ul:empty').each(function(){ 
   //-- Do your stuff
});