获取所有ALT标签

Question

我希望在div中获取每个图像的alt标记，并将它们列在<ul><li>中，但我不希望重复alt。例如，如果两个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>');
  }     
});