javascript - 从数组中删除逗号

Question

我有这个代码:

var comment_count = instadata[0].data[i].comments.count
var comment_data = instadata[0].data[i].comments.data
var comments = [];

    $.each(comment_data, function(i, user) {
       comments.push('<li><img class="commentUserImg" src="' + user.from.profile_picture + '"><div class="commentUser">' + user.from.username + '</div><div class="commentText">' + user.text + '</div></li>');
    });

显示评论。它是一个附加项，位于 AJAX 内 $.each() 的正下方

<ul class="messageComments">' + comments + '</ul>

显示时，每个 LI 元素之间有逗号。

我怎样才能摆脱这个问题？除了逗号之外，一切正常。

谢谢

更新了代码。而且这一切都是通过 AJAX 完成的

Answer 1

您可以用胶带修复它:

<ul class="messageComments">' + comments.join('') + '</ul>

或者第一次就做对(好吧，只是我的方式):

var comment_count = instadata[0].data[i].comments.count
var comment_data = instadata[0].data[i].comments.data
var $comments = $('<ul />', {'class': 'messageComments'});

$.each(comment_data, function(i, user) {
    var $li = $('<li />');

    $('<img />', {
        'class': 'commentUserImg',
        'src': user.from.profile_picture
    }).appendTo($li);

    $('<div />', {
        'class': 'commentUser',
        'text': user.from.username
    }).appendTo($li);

    $('<div />', {
        'class': 'commentText',
        'text': user.text
    }).appendTo($li);

    $li.appendTo($comments);
});

$comments.appendTo('body');  // Tweak this selector