2014-09-24 33 views
0

我在ajax调用结束时动态获取div。其中一些div具有相同的html内容。我希望编写一个代码,每个独特的内容只显示一个div。如果生成的div具有相同的html内容,则只显示一个

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

onAjaxComplete: function() { 

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

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

      //DO SOMETHING HERE  
    } 
}); 

autocomplete-suggestionautocomplete-suggestion是具有相同内容我divs的类名称。

+1

希望下面的回答将帮助你 [点击这里] [1] [1]:HTTP: //sackoverflow.com/questions/2822962/jquery-remove-duplicate-elements – Feroza 2014-09-24 11:38:58

+0

它确实谢谢你 – LazyPeon 2014-09-24 11:52:29

回答

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元素的数组

相关问题