Javascript jquery在加载后删除重复的元素

我有一个插件，可以在360度三维视图中显示图像。 如果我打开网页，在后台加载36张图片，加载图片后，插件拍摄一张图片并显示出来

所以，我的问题是，在加载所有图片之前，我可以在页面上执行一些其他操作，在使用ajax单击按钮之后，我可以加载一些其他数据，如果在加载所有图片之前执行其他操作，我会在HTML代码中获得重复条目，并显示一些图片，而不是类似的其他内容（此代码生成3D插件）

我的解决方案是，在加载所有图像后，删除重复条目，只显示一张图片

问题是我的javascript/jquery代码冻结了浏览器，我不知道为什么，也许我认为它提供了更好的解决方案，但我没有更好的解决方案

我的javascript/jquery代码

var myVar = setInterval(function(){ myTimer() }, 4000);

function myTimer() {
  if($('[rel=35]').length > 0) {
    $('.js-loading-car-image').css("display","none");
    var x = 1;
    var i = 0;
    while (i < 35) {
        var tmp = $('[rel='+i+']').next();

        if($(tmp).attr("rel") == x) {
            x++;
            i++;
        } else {
            $('[rel='+i+']').next().remove();
        }
    }

    for(var i=0; i<36;i++) {
        var display = $('[rel='+i+']').css("display");
        if(display=="block") {
            $('[rel='+i+']').css("display", "none");
        }
    }
    $('[rel=26]').css("display","block");


    $('.js-3d-images').fadeIn("slow");
    myStopFunction();
  }
}

function myStopFunction() {
   clearInterval(myVar);
}

var myVar=setInterval（函数（）{myTimer（）}，4000）；
函数myTimer（）{
如果（$（'[rel=35]'）。长度>0）{
$（'.js加载汽车图像'）.css（“显示”、“无”）；
var x=1；
var i=0；
而（i<35）{
var tmp=$（'[rel='+i+']'）。下一步（）；
如果（$（tmp）.attr（“rel”）==x）{
x++；
i++；
}否则{
$（'[rel='+i+']'）。下一步（）.remove（）；
}
}
对于（var i=0；i我从代码中删除了一些值并创建了一个基本结构。检查这是否是您正在寻找的解决方案


var数据集=$（'#图像数据>div'）；
var rel=[]；
对于（var j=0；j=0）{
$（数据集[j]）.remove（）；
}
相对推力（x）；
}

Hi，据我所知，您要做的是在加载所有数据后删除重复的元素。这就是您要寻找的解决方案吗？是的，这就是我要寻找的解决方案。所有“rel”的顺序必须正确。首先是“rel=0”的元素，然后是“rel=1”诸如此类。它工作得很好，thx。现在我发现了插件的另一个问题，因为这个解决方案没有解决问题，但它不应该是你的问题。很高兴听到我的解决方案在某种程度上为你工作。干杯@Mark
var myVar = setInterval(function(){ myTimer() }, 4000);

function myTimer() {
  if($('[rel=35]').length > 0) {
    $('.js-loading-car-image').css("display","none");
    var x = 1;
    var i = 0;
    while (i < 35) {
        var tmp = $('[rel='+i+']').next();

        if($(tmp).attr("rel") == x) {
            x++;
            i++;
        } else {
            $('[rel='+i+']').next().remove();
        }
    }

    for(var i=0; i<36;i++) {
        var display = $('[rel='+i+']').css("display");
        if(display=="block") {
            $('[rel='+i+']').css("display", "none");
        }
    }
    $('[rel=26]').css("display","block");


    $('.js-3d-images').fadeIn("slow");
    myStopFunction();
  }
}

function myStopFunction() {
   clearInterval(myVar);
}