檢查ul的長度並刪除li元素

Question

我試圖從<ul>元素中刪除最後一個<li>元素，僅當它超過特定長度時。對於這一點，我做這樣的事情：

var selector = "#ulelement" 
if($(selector).children().length > threshold) { 
    $(selector + " >:last").remove(); 
} 

我不喜歡這樣的事實，我有兩次使用選擇。有沒有更簡單的方法來做到這一點？像「刪除 - 如果長度 - 大於閾值」的想法。我在想，也許有一種方法可以使用live（）函數來做到這一點，但我不知道如何。

Answer 1

緩存選擇器的結果是很常見的。在這裏，你可以搜索<li>小號直接：

var lis = $("#ulelement li"); 
if(lis.length > threshold) { 
    lis.eq(lis.length - 1).remove(); 
} 

在這種情況下，你也可以用一個選擇實現這一目標：

$("#ulelement li:gt(4):last").remove(); 

那就是：在所有<li>與指數大於4（或您的門檻），選擇最後一個並將其刪除。

Answer 2

var ul = document.getElementById('myUL'); 
if (ul.childNodes.length > threshold) 
    ul.lastChild.parentNode.removeChild(ul.lastChild); 

希望有所幫助。

Answer 3

selector = '#ulelement'; 
while($(selector).children().length > threshHold) 
{ 
    $(selector + " li:last").remove(); 
} 

嘗試使用while循環，因爲您的代碼只運行一次，while while循環直到它小於thresh hold！