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>"); 

......但这似乎并没有伎俩。我有小提琴这里：

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

Answer 2

你需要去.closest('.field-item')然后追加你的文字。

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