如果生成的div具有相同的html内容，则只显示一个

Question

我在ajax调用结束时动态获取div。其中一些div具有相同的html内容。我希望编写一个代码，每个唯一内容只显示一个div。

查找具有相同内容的div并仅显示其中一个。到目前为止，我有：

onAjaxComplete: function () {

    $("div.autocomplete-suggestions > .autocomplete-suggestion").each(function() {

        while ($(this).html()) {

            //DO SOMETHING HERE       
    }
});

autocomplete-suggestion是我的div的类名，内容相同。

Answer 1

//include this function at the top
 function contentInArray(arr,thing){
     for(var i=0;i<arr.length;i++){ 
         if (arr[i].innerHTML==thing.innerHTML)return true;
     }
     return false;
 }
  //code code code code code

  onAjaxComplete: function () {
    divs=$("div.autocomplete-suggestions > .autocomplete-suggestion");
    arr=[];
    for(var i=0;i<divs.length;i++){
        if (!contentInArray(arr,divs[i])) arr.push(divs[i])
    }
});

现在你有一系列独特内容的html元素