Question

我有这个页面，其中Jquery代码将alt值取出并将其放入缩略图下的标题div中。但此代码仅适用于第一个。现在我想要在每张照片下显示这些标题。 PS。图片的数量各不相同，可能是10或者可能是20。

页面网址在这里：

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文字的标题。您的初始代码是一个开始，但问题是它只获取了第一个alt的{{1}}文本。

caption从image alt属性获取值

3 个答案: