获取所有ALT标签

Question

我想在div中获取每个图片的alt标签并将其列在<ul><li>中，但我不想重复。例如，如果2个imgs有alt＆＃34; example1＆＃34;，我希望它只在我的<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>');
  }     
});