jQuery eliminar duplicados li

Question

<ul id="myid"> 
<li>microsoft</li> 
<li>microsoft</li> 
<li>apple</li> 
<li>apple</li> 
</ul> 

Quiero eliminar los duplicados de li mediante el uso de jQuery.

¿Cómo puedo hacer eso?

Answer 1

example Me parece que el guión es más rápido

var liText = '', liList = $('#myid li'), listForRemove = []; 

$(liList).each(function() { 

    var text = $(this).text(); 

    if (liText.indexOf('|'+ text + '|') == -1) 
    liText += '|'+ text + '|'; 
    else 
    listForRemove.push($(this)); 

})​; 

$(listForRemove).each(function() { $(this).remove(); }); 

Answer 2

uniqueLi = {}; 

$("#myid li").each(function() { 
    var thisVal = $(this).text(); 

    if (!(thisVal in uniqueLi)) { 
    uniqueLi[thisVal] = ""; 
    } else { 
    $(this).remove(); 
    } 
}) 

Esta acumulación un índice (un objeto) de valores únicos. Por su ejemplo, uniqueLi se verá así después:

{ 
    "microsoft": "", 
    "apple": "" 
} 

Así que cada vez que se encuentra un valor que se ha añadido al índice antes, el <li> asociado consigue quitado.

Answer 3

Usted podría utilizar

var inner = []; 
$('li').each(function(index, Element){ 
    if (jQuery.inArray(this.innerHTML, inner) == -1){ 
     inner.push(this.innerHTML); 
    } 
    else { 
     $(this).remove(); 
    } 
}); 

Answer 4

Aquí hay una función que hará que, de una manera ligeramente diferente:

function removeDuplicateItems(id) { 
    var ul = $('#' + id); 

    $('li', ul).each(function() { 
     if($('li:contains("' + $(this).text() + '")', ul).length > 1) 
      $(this).remove(); 
    }); 
} 

llamada con removeDuplicateItems('myid');

Answer 5

He utilizado la solución @Thariama en el pasado, pero tengo problemas de compatibilidad con IE6 (todavía necesito para este dinosaurio).

Si el artículo se repite, elimínelo de ul. Funciona con li agregado dinámico.

  var seen = {}; 
      $("ul#emails_exclusion_list").find("li").each(function(index, html_obj) { 
       txt = $(this).text().toLowerCase(); 

       if(seen[txt]) { 
        $(this).remove(); 
       } else { 
        seen[txt] = true; 
       } 
      });