从循环中的克隆元素中删除元素时的奇怪行为

Question

我正在创建一个ajax应用程序，它接收一个列表，使用clone（）创建一个<li> html并将其附加到<ul>。

   $.each(arr, function(i) {
    var item = $('#template').clone(true);
        if(arr[i].isTypeA) {
            item.find('.TypeB').remove(); 
        } else {
            item.find('.TypeA').remove();
        }
    });

但<ul>中的附加项在循环后没有元素（.TypeA）。

这个问题是否来自clone（）？或者来自封闭？

我正在寻找解决方案，但还没找到。

Answer 1

我解决了这个问题！

克隆模板后，删除模板的id属性。

item.attr('id', '');