Получить все теги ALT

Question

Я хочу получить теги alt каждого изображения внутри div и перечислить их в <ul><li>, но я не хочу повторять alts. Например, если 2 imgs имеют alt "example1", я хочу, чтобы он отображался только один раз на моем <ul><li>.

Мой текущий код:

JS

$('.img-produto > img').each(function(){ 
    $('.filters').append('<li>'+ $(this).attr('alt') +'</li>'); 
}); 

HTML

<ul class="filters"></ul> 
<div class="img-produto"> 
<img src="img link" alt="example1" /> 
<img src="img link" alt="example1" /> 
</div> 

Спасибо!

Answer 1

Необходимо создать коллекцию уникальных значений альта и убедитесь, что перед добавлением ничего

var alts = {}; 
$('.img-produto > img').each(function(){ 
    var alt = $(this).attr('alt'); 
    if(!alts[alt]){ 
     alts[alt] = true; 
     $('.filters').append('<li>'+ alt +'</li>'); 
    }  
});