Jquery 如何获取每个图像的引用'；s alt标记，并将其显示为灯箱库中相应图像下方的标题

我试图在jQuery lightbox中获取一个对画廊图像alt标记的引用，并在它跳转到更大图像的链接并将其插入lightbox后，将其显示为图像下方的标题

$(function(){

    $('.gallery a').on('click', function(e){
        var image_source = $(this).attr('href');
        var text = $('.gallery a img').attr('alt'); 

        $('#content').html('<img src="' + image_source + text + '">');
        /* .html('<p style="color:#fff;">' + alt_text + '</p>');
-----------above was the other method I tried which didn't work so I commented it out--  -----*/

        $('#lightbox').show();

        e.preventDefault();
    });//End Gallery


    $('#lightbox').on('click', function(){
        $(this).hide();
        $('#content img').remove();
    });
});//End Ready

$（函数（）{
$（'.gallery a'）。在（'单击'）上，函数（e）{
var image_source=$（this.attr（'href'）；
var text=$（'.gallery a img'）.attr（'alt'）；
$（'#content'）.html（''）；
/*.html（“
”+alt_text+”
”）；
-----------上面是我尝试过的另一种方法，但不起作用，因此我将其注释掉-------*/
$（“#lightbox”）.show（）；
e、 预防默认值（）；
})//End画廊
$（'#lightbox'）。在（'单击'，函数（）上）{
$（this.hide（）；
$（“#内容img”）.remove（）；
});
});//准备就绪

当然，我希望在单击库缩略图时为加载的相应较大图像显示相应图像的alt标记

任何建议都将不胜感激，提前感谢！ 以下是它的JSFIDLE：

---

而不是

alt\u text

应该是

text

或将变量名

text

重命名为

alt\u text

编辑：代码应如下所示：

$(function() {

    $('.gallery a').on('click', function(e) {
        e.preventDefault();
        var image_source = $(this).attr('href');
        var alt_text = $('.gallery a img').attr('alt');

        $('#content')
            //.html('<img src="' + image_source + text + '">');
            .html('<p style="color:#fff;">' + alt_text + '</p>');
        $('#lightbox').show();
    });//End Gallery

    $('#lightbox').on('click', function() {
        $(this).hide();
        $('#content img').remove();
    });

});//End Ready

---

在“文本”之前，我将变量命名为“alt_text”。这是在一行代码中，我尝试了一下，看看它是否会工作，但没有效果。正如您所看到的，这行代码被注释掉了。如果我理解正确，你是说不要使用“文本”，因为它是一个“保留字”；换句话说：jQuery实体？我只是想知道我是否可以用我正在尝试的方式来选择IMG标记的alt属性：

$（'gallery a IMG'）.attr（'alt'）好的，我把变量名改为alt_text…然后…什么也没发生。[建议？很有魅力！谢谢你，沙多！
$('#content').html('<img src="' + image_source + '" alt="' + alt_text + '">');