Holen Sie sich alle ALT-Tags

Question

Ich möchte die Alt-Tags jedes Bildes in einem Div und listet sie in einer <ul><li>, aber ich möchte nicht wiederholt werden. Zum Beispiel, wenn 2 imgs die alt "example1" haben, möchte ich es nur einmal auf meiner <ul><li> aufgeführt.

Mein aktueller Code:

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> 

Dank!

Answer 1

Brauchen Sammlung von einzigartigen alt Werte zu schaffen und überprüfen, bevor

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