標題從圖像alt屬性值得

Question

我有這個頁面中的Jquery代碼是取出alt值出來，並將其放入縮略圖下的標題div。但是這個代碼只適用於第一個。現在我想讓這些標題顯示在每張圖片下。 PS。圖片的數量而變化，也可能是10個或可能是20

頁面的URL是在這裏：

http://sydneyplants02.sajuk.com/Untitled-1.html

千恩萬謝

Answer 1

請享用 ..！！

$(document).ready(function() { 
    $('.photogalleryItem').append(function() { 
     return '<div class="caption">' + $(this).find('img').attr('alt') + '</div>'; 
    }); 
}); 

---

參考

.append()

Answer 2

嘗試：

$(document).ready(function(){ 
    $("td.photogalleryItem").each(function(){ 
     $(this).find(".caption").text($(this).find("img").attr("alt")); 
    }); 
}); 

Answer 3

這裏是我的解決方案

$(function(){ 
    $('td.photogalleryItem').each(function(e) { 
     var $caption = $('<div class="caption">'); 
     $caption.text($('img', $(this)).attr('alt')) 
     $(this).append($caption); 
    } 
}); 

這將遍歷每個td.photogalleryItem並添加標題用正確的alt文本。你的初始代碼是一個開始，但問題是它只得到第一個td.photogalleryItem的alt文本。