javascript - Jquery追加覆盖相同的元素

Question

我在附加到同一元素时遇到问题。问题是我有 2 个案例:

if (lastIndexOfUnderscore < 0){ //list priv (no parent)
        $("<a href='#' class='list-group-item'></a>").text(items.name).appendTo($div);
} else {
        $("<a href='#' class='list-group-item'></a>").text(items.name).appendTo($div);
}

我希望 ui 在一个 div 中为 'no parent' 并在另一个 div 中为 'else' >。

我已经尝试了 .clone() 但仍然无法理解。

这是代码.. https://jsfiddle.net/zofeqjm1/

Answer 1

你可以像下面那样做。如果 item 有 parentId，则添加 div 和 id = parentId。如果具有 parentId 的 div 已经存在，则将 item 添加到 div。

$.each(sample.item, function (i, items) {
    if (items.parentId) {
        if ($('#' + items.parentId).length) {
            $('#' + items.parentId).append('<a href=# class=list-group-item>' + items.name + '</a>');
        } else {
            $('.priv').append('<div id=' + items.parentId + '><a href=# class=list-group-item>' + items.name + '</a></div>');
        }
    } else { //list priv (no parent)
        $('.privList').append('<a href=# class=list-group-item>' + items.name + '</a>');
    }
});

DEMO