jquery正在添加元素，但不会停止循环

我创建了一种情况，在倒计时后，

元素

gett

appendto

a

ul

，但我不希望替换或复制现有的

li

，我只想要新的li的id。我尝试过清空整个

ul

，并用新的1或2和旧的9-100替换它，但这需要很长时间，取决于ul中有多少个元素，这会导致加载延迟。。。所以我只想要一个新的，关于如何调整我的代码有什么想法吗

jquery：

    $.ajax({
            url: "morphelo/splash.php",
            type: "POST",
            data: "x=int",
            datatype: "html",
            success: function(data){
                var Data = $.parseJSON(data);

                var Clus = Data.clu;
                console.log(Clus);
                var cl = Clus.length; 
                var aci = new Array(); var i = 0;

                if(cl > 0){
                    var clu = $('.clu_holder').children('.clu'); // every clutch li
                    $.each(clu,function(x,y){
                        var clutchid = $(this).attr('id');

                        $.each(Clus,function(){
                            if(this.ckey == clutchid){
                                // dont worrie about me
                            }else{
                                // put me in coach
                                var newLi = '<li class="clu" id="'+this.ckey+'">clu</li>';
                                $(newLi).appendTo('.clu_holder').fadeIn();
                            }
                        });

                    });


                }else{

                }
} 

$.ajax({
url:“morphelo/splash.php”，
类型：“POST”，
数据：“x=int”，
数据类型：“html”，
成功：功能（数据）{
var Data=$.parseJSON（数据）；
var Clus=Data.clu；
控制台日志（Clus）；
var cl=俱乐部长度；
var aci=new Array（）；var i=0；
如果（cl>0）{
var clu=$（'.clu_holder'）。children（'.clu'）；//每个离合器li
$。每个（clu，函数（x，y）{
var离合器id=$（this.attr（'id'）；
$.each（Clus，function（）{
if（this.ckey==离合器ID）{
//别为我担心
}否则{
//让我坐长途汽车
var newLi='
clu
；
$（newLi）.appendTo（'.clu_holder'）.fadeIn（）；
}
});
});
}否则{
}
} 

我想你的问题是你在循环中做一个循环。我想我会这样做。我还没有测试过，它只是一个快速的模型

if(cl > 0){
   var holder = $('.clu_holder');
   $.each(Clus,function(){
       if(holder.find("#"+ this.ckey).length == 0){
           var newLi = '<li class="clu" id="'+this.ckey+'">clu</li>';
            holder.append(newLi).fadeIn();
        }
    });
 }

if（cl>0）{
var持有人=$（'.clu持有人'）；
$.each（Clus，function（）{
if（holder.find（“#”+this.ckey）.length==0）{
var newLi='
clu
；
holder.append（newLi.fadeIn（）；
}
});
}

我改变的是：

保存holder元素，以便可以使用它附加元素，而无需每次都搜索它

只循环1个集合，由于元素上有id，因此可以通过搜索找到它