JQuery - 如何計算選擇器選擇的元素數量？

Question

我正在使用$（）。fadeOut（）淡出列表中的項目（< li> </li>）。當列表爲空時，我希望隱藏父對象。

我打算通過檢查我的觸發事件來淡化列表，如果對象的計數爲0，則隱藏父元素。如果需要，我可以使用fadeOut回調刪除元素。

這個問題點： 如何在ul中選擇li標籤，然後使用jquery得到它們的總數？

Answer 1

像這樣：

$('ul > li').length 

更優雅的方式做到這一點是寫

$('ul:empty').fadeOut(); 

如果ul不爲空，則選擇將不匹配任何東西，和代碼將無能爲力。

您可能需要編寫

$('.SomeContainer:has(ul:empty)').fadeOut(); 

Answer 2

只需使用.length對jQuery的集合。

var $elements = $('ul#myUlElement').children('li'); 
alert($elements.length) 

Answer 3

使用。長度

$('ul li').length // gives you back all li's in your ul 
$('ul > li').length // give just the first children li's 

所以爲了隱藏你的父母，你可以使用這種方式：

elements = $('ul > li') 

if (elements.length) { 
    elements.fadeOut() 
}else{ 
    elements.parent().fadeOut() 
}