Как при помощи jQuery удалить дубликаты созданных параграфов?

Question

[Дмитрий Сергеевич]

Всем привет, срочно нужна помощь jQuery магов:

У меня есть скрипт, который пробегается по списку, вычисляет первую букву в элемента списка и апендит её в этот элемент

$.each(listitems, function (idx, item) {
		item = $(item);
		var firstLetter = $(item).find('a').text().charAt(0);
		$(item).append("<p>"+firstLetter+"</p>").addClass(firstLetter);
	});

Помогите пожалуйста написать исключение для скрипта чтобы он не добавлял уже имеющуюся букву..
Если коротко, то сейчас выводиться 3 М, а мне нужна только 1.
fiddle.jshell.net/okkm5bnc

Answer 1

[Immortal_pony]

var listitems =  $(".works__item")
var usedLetters = []; // Инициализируем массив для учета использованных букв

$.each(listitems, function (idx, item) {
    item = $(item);
    var firstLetter = $(item).find('a').text().charAt(0);
    
    if (usedLetters.indexOf(firstLetter) === -1) { // Продолжаем работать с буквой только в случае, если она еще не использовалась
    	$(item).append("<p>"+firstLetter+"</p>").addClass(firstLetter);
        usedLetters.push(firstLetter); // После обработки помещаем букву в массив использованных букв
    }
});

Comments

[Дмитрий Сергеевич]

Огромное спасибо! А можно немного объяснить как это работает? Мне не совсем понятно

[Immortal_pony]

Дмитрий Сергеевич, расставил комментариев в ответе. Так понятнее?

[Дмитрий Сергеевич]

Immortal_pony: Теперь все ясно! Огромное спасибо!