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

Итак, пусть у нас на веб-странице будет к примеру несколько повторяющихся а-ля одинаковых гиперссылочек. Их нужно будет удалить, точнее убрать все повторяющиеся элементы из документа HTML. Одним из вариантов решения описанного вопроса будет следующий программный код с применением JQuery.

JavaScript:

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

Исходный HTML:

<a href="#book">Книга</a>
<a href="#book">Книга</a>
<a href="#magazine">Журнал</a>
<a href="#book">Книга</a>
<a href="#newspaper">Газета</a>
<a href="#newspaper">Газета</a>
<a href="#book">Книга</a>
<a href="#newspaper">Газета</a>

Результат будет таким вот:

<a href="#book">Книга</a>
<a href="#magazine">Журнал</a>
<a href="#newspaper">Газета</a>

Как видим, дубликаты успешно исключены.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.