刪除/添加LI到UL單個重繪

Question

我是JQuery/Javascript的新手。有一個包含我想添加到無序列表的字符串數組的JSON對象。首先，我需要從ul中刪除所有現有的li子項，然後我想將我的字符串數組的每個元素都添加爲li - 但我認爲將它們全部同時添加以避免閃爍重繪將很重要？

無論如何，我不知道該怎麼做。我看到了一些零碎的例子，並創建了下面的代碼，但它有問題。它似乎刪除所有li孩子，它會添加一個li，但它一直覆蓋最後li添加。

var features = product.Attributes.Features 
$('ul.feature').children('li').each(function() { $(this).remove(); }); 
if (features) { 
    var li = $('<li></li>'); 
    for (var feature in features) { 
     $('ul.feature').append(li); 
     $(li).text(features[feature]); 
    } 
} 

var features是一個數組。我嘗試使用if (features.Length > 0) {，但當我這樣做時，Length總是顯示undefined。

Answer 1

全部刪除李：

$('ul.feature').find('li').remove(); 

添加李：

var liText = "Li Text"; 
$('ul.feature').append('<li>'+liText+'</li>');