Javascript 使用图像alt内容作为lightbox图像描述内容，使用js更改HTMLSRC

我生成的html源代码如下

<a href="/images/somePhoto.png" target="_blank">
   <img src="/img/somePhoto.png" alt="Image description text" width="286" height="171" />
</a>

我想在图像弹出窗口中将图像alt内容显示为图像描述（lightbox）。 Bellow是lightbox弹出窗口上生成的html的一部分

<div class="lb-details">
<span class="lb-caption" style="display: none;"></span>
<span class="lb-number" style="display: none;"></span>
</div>

怎么换这条线

到

<span class="lb-caption" style="display: inline;">ALT IMAGE CONTENT</span>

ALT图像内容

在dom ready上使用js。

在dom ready上，用于更改其显示属性并向其添加文本

$(document).ready(function () {
    var lbcaption = $('.lb-caption');
    lbcaption.css('display', 'inline');
    lbcaption.text($('img').attr('alt')); 
    //Works for the code posted in the question, 
    //but the selector for the image needs to be a class or an id.
});

---

感谢您的时间，我应该使用动态图像alt值，从图像中有target=“\u blank”@user2783193 ok。。图像是否具有类或唯一ID或其他内容？还是仅仅是

目标=_blank

？@user2783193我更新了我的答案。但请记住，如果DOM中有多个图像，则必须正确地重写图像选择器。