javascript - Jquery- 抓取图像的 alt 标签内容并添加为文本(获取重复项)

Question

我有一个小脚本，它接受图像的 alt 标签并将其添加为文本:

 $(".field-item a img").each(function(i, ele) {
          $(".field-item").append("<span>"+$(ele).attr("alt")+"</span>");
      });​

我遇到的问题是我得到重复，每个 alt 标签都作为文本添加到每个图像。因此，对于“image-1”，image-1 和 image-2 被添加为文本，我只想将相应的 alt 标记添加为文本。

我厌倦了使用 .closest() 例如

$(".field-item").closest().append("<span>"+$(ele).attr("alt")+"</span>");

...但这似乎并没有起到作用。我在这里有 fiddle :

http://jsfiddle.net/6pAZE/4/

Answer 1

您可以使用closest() 方法，当前您在每次迭代中选择所有类为field-item 的元素，尝试以下操作:

 $(".field-item a img").each(function(i, ele) {
     var alt = this.alt;
     $(this).closest(".field-item").append("<span>"+alt+"</span>");
     // or $(this).after("<span>"+alt+"</span>");
 });

Fiddle