Як за допомогою 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>

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

Залишити відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.