JQuery: удалить дубликаты элементов?

Question

Скажем, у меня есть список ссылок с повторяющимися значениями, как показано ниже:

<a href="#">Book</a> 
<a href="#">Magazine</a> 
<a href="#">Book</a> 
<a href="#">Book</a> 
<a href="#">DVD</a> 
<a href="#">DVD</a> 
<a href="#">DVD</a> 
<a href="#">Book</a> 

Как бы я, с помощью JQuery, удалите Dups и оставить следующим, например:

<a href="#">Book</a> 
<a href="#">Magazine</a> 
<a href="#">DVD</a> 

В основном я Я ищу способ удалить все найденные повторяющиеся значения и показать 1 из каждой ссылки.

Answer 1

var seen = {}; 
$('a').each(function() { 
    var txt = $(this).text(); 
    if (seen[txt]) 
     $(this).remove(); 
    else 
     seen[txt] = true; 
}); 

Объяснение:

seen это объект, который отображает все ранее видел текст true. Он функционирует как set, содержащий все ранее увиденные тексты. Строка if (seen[txt]) проверяет, находится ли текст в наборе. Если это так, мы уже видели этот текст, поэтому удалим ссылку. В противном случае это текст ссылки, который мы видим в первый раз. Мы добавляем его в набор так, чтобы любые дальнейшие ссылки с тем же текстом были удалены.

Альтернативный способ представления набора - использовать массив, содержащий все значения. Однако это сделало бы это намного медленнее, так как, чтобы увидеть, есть ли значение в массиве, нам нужно было бы сканировать весь массив каждый раз. Поиск ключа в объекте с использованием seen[txt] очень быстр в сравнении.

Answer 2

// use an object as map 
var map = {}; 
$("a").each(function(){ 
    var value = $(this).text(); 
    if (map[value] == null){ 
     map[value] = true; 
    } else { 
     $(this).remove(); 
    } 
}); 

Answer 3

быстрый и простой способ будет

методом

$("a").​​​​​​​​each(function(){ 
    if($(this).parent().length) 
     $("a:contains('" + $(this).html() + "')").not(this).remove(); 
});​ 

Answer 4

Использование JQuery $ .unique()

Детали увидеть на http://api.jquery.com/jQuery.unique/

Answer 5

@interjay @Georg Фрич

Ваш fi х не работает в моем случае, так что я построить другую версию:

var seen=''; 
    $('a').each(function(){ 
     var see=$(this).text(); 
     if(seen.match(see)){ 
      $(this).remove();} 
     else{ 
      seen=seen+$(this).text(); 
     } 
    }); 

надеется, что это дает кому-то еще с действительной альтернативой коротким исправить только в том случае.

Answer 6

Nice люди решения. Вот это мое

for (i = 0; i < $('li').length; i++) { 
    text = $('li').get(i); 
    for (j = i + 1; j < $('li').length; j++) { 
    text_to_compare = $('li').get(j); 
    if (text.innerHTML == text_to_compare.innerHTML) { 
     $(text_to_compare).remove(); 
     j--; 
     maxlength = $('li').length; 
    } 
    } 
} 

Приветствия

Answer 7

$(document).ready(function(){ 
    $("select").each(function() { 
     var selectedItem = $(this).find('option').filter(':selected').text(); 
     var selectedItemValue = $(this).find('option').filter(':selected').val(); 
     $(this).children("option").each(function(x){ 
      if(this.text == selectedItem && $(this).val() != selectedItemValue) { 
       $(this).remove(); 
      } 
     }); 
    }); 
}); 

Answer 8

$('.photo').each(function (index) { 
    if (index > 0) { 
     $(this).remove(); 
    } 
});