Jquery追加覆盖相同的元素

时间:2016-02-28 06:38:27

标签: javascript jquery twitter-bootstrap

我有问题要附加到同一个元素。问题是我有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在'no parent'div,在其他'else'div

我已经尝试了.clone(),但仍然无法想象。

以下是代码.. https://jsfiddle.net/zofeqjm1/

1 个答案:

答案 0 :(得分:2)

你可以这样做。如果divid = parentId,请item添加parentId。如果div已存在parentId,则将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