Как удалить дублирующиеся элементы используя jquery?

Question

[Адам Сулумов]

Имеется, допустим:

<a href='#'>Первый тег</a>
<a href='#'>Второй тег</a>
<a href='#'>Первый тег</a>
<a href='#'>Первый тег</a>
<a href='#'>Третий тег</a>
<a href='#'>Четвертый тег</a>

Нужно по средствам jquery удалить все дубли, и оставить самый первый вариант:

<a href='#'>Первый тег</a>
<a href='#'>Второй тег</a>
<a href='#'>Третий тег</a>
<a href='#'>Четвертый тег</a>

Answer 1

[MrTimon]

ну если брать именно по тексту то можно так

var texts = [];
    $('a').each(function() {
        if (texts.indexOf($(this).text()) == -1) {
             texts.push($(this).text())
        } else {
            $(this).remove();
        }
    })

Код не проверял но должно работать. Ну это только в том случае если текст в тегах идентичен.

Comments

[Адам Сулумов]

Не работает.

[Адам Сулумов]

Пробовал даже indexOf на search поменять и флаги поставить.

[MrTimon]

Адам Сулумов: Странно. Я теперь проверил и у меня как бы работает смотри здесь. А в консоле выводили texts ? Массив нормально формируется или нет? Если да то может быть причина в том, что нельзя удалить элемент который используется ($(this)). Предлагаю немножко изменить код:

var texts = [];
    $('a').each(function() {
        if (texts.indexOf($(this).text()) == -1) {
             texts.push($(this).text())
        } else {
            $(this).addClass('to-remove');
        }
    })
    $('a.to-remove').remove();

Ну а если indexOf не срабатывает то видать тексты все таки разные в ссылках.