javascript - 除了 appendTo 之外的 jQuery 命令

Question

我正在尝试清除 LI 标签的先前数据。

除了 appendTo 之外，还有其他命令可以使用吗？

这是我的代码目前的样子:

 var obj = JSON.parse(data);
 $.each(obj, function(index, item)
 {
   $('<li>').
     text(item.datestamp+' - '+item.comment).
     appendTo($('#pCodeComment'));
 });

不久前我也问过类似的问题。我只想知道是否有除了 appendTo 之外的其他命令可以清除以前的数据。

Answer 1

你应该在循环填充列表之前清空列表，然后继续做你已经在做的事情。

var obj = JSON.parse(data);
$('#pCodeComment').empty();
$.each(obj, function(index, item)
{
  $('<li>').
    text(item.datestamp+' - '+item.comment).
    appendTo($('#pCodeComment'));
});

在稍微优化之后:

var obj = JSON.parse(data); // i'm assuming `obj` is an array
var htmlToInsert = obj.map(function (item) {
        return '<li>' + item.datestamp + ' - ' + item.comment + '</li>';
    }).join('');
$('#pCodeComment').html(htmlToInsert);

_{注意:以上内容容易受到 XSS 攻击。参见 this so question了解修复它的方法，或者只使用原来的。}