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/