Jquery append overwrite same element

Jquery append overwrite same element

本文关键字：element same overwrite append Jquery      更新时间：2023-09-26

>我在附加到同一元素时遇到问题。问题是我有 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/

你可以像下面这样做。添加带有id = parentId div，如果item具有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>');
    }
});

演示

相关文章：