Jquery 删除/添加LI至UL单重绘

Jquery 删除/添加LI至UL单重绘,jquery,Jquery,我不熟悉JQuery/Javascript。有一个JSON对象,其中包含我想添加到无序列表中的字符串数组。首先,我需要从ul中删除所有现有的li子元素,然后我想将字符串数组中的每个元素添加为li——但我认为同时添加所有元素以避免重绘时出现闪烁是很重要的 不管怎样,我不知道怎么做。我看到了一些零碎的例子,并创建了下面的代码,但它有一些问题。它似乎删除了所有的li子项,并将添加一个li,但它会一直覆盖最后添加的li var features = product.Attributes.Features

我不熟悉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=product.Attributes.features
$('ul.feature').children('li').each(函数(){$(this.remove();});
如果(功能){
var li=$(“
  • ”); for(特性中的变量特性){ $('ul.feature')。追加(li); $(li).文本(特征[特征]); } }
    var功能
    是一个数组。我尝试使用
    if(features.Length>0){
    但是
    Length
    在我这样做时总是显示
    undefined

    删除所有li:

    $('ul.feature').find('li').remove();
    
    加上安利:

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