jQuery 命令，而不是 appendTo

jQuery command other than appendTo

本文关键字：appendTo 命令 jQuery      更新时间：2023-09-26

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

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

以下是我的代码当前的样子：

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

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

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

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的攻击。请参阅此问题以获取修复它的方法，或者仅使用原始方法。

$.replaceWith()

可能是你要找的，或者正如凯文B指出的那样

$.html()

替换与需要选择一个元素来替换。 而 HTML 将填充一个父元素以插入新的 DOM 片段。

相关文章：