获取所有的ALT标签

Question

我想获得div中每个图像的alt标签，并将它们列在<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

需要创造独特的ALT值的集合，并检查任何附加

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