删除/添加LI到UL单重绘

时间:2012-06-30 13:32:09

标签: jquery

我是JQuery / Javascript的新手。有一个JSON对象,其中包含我想要添加到无序列表的字符串数组。首先,我需要从li删除所有现有ul个孩子,然后我想将我的字符串数组的每个元素添加为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

1 个答案:

答案 0 :(得分:1)

全部删除li:

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

添加li:

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