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, убрал дупла и оставил, например, следующее:

<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. Он функционирует как набор , содержащий все ранее просмотренные тексты. Строка if (seen[txt]) проверяет, есть ли текст в наборе. Если это так, мы уже видели этот текст раньше, поэтому мы удалим ссылку. В противном случае, это текст ссылки, который мы видим впервые. Мы добавляем его в набор, чтобы все дальнейшие ссылки с тем же текстом были удалены.

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

Answer 2

Использовать метод jQuery $. Unique ()

Подробнее см. На http://api.jquery.com/jQuery.unique/

Answer 3

// 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 4

$(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 5

@ interjay @ Георг Фрицше

Ваше исправление не работает в моем случае, поэтому я создаю другую версию:

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

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

Answer 6

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

Answer 7

Отличное решение, люди. Вот мой

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 8

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

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