Javascript 如何在jquery gallery中使用图像制作标题

我有一个图像库，我正在工作

例如：

现在它只显示图像，我想让它，使每个图像有一个标题，无论是上面或下面的图像

这是图库的html部分：

<a class="imgLink" href="path-to-the-image.jpg">Image name</a>
<img src="" id="theImage">

jquery：

<script>
$(document).ready(function(){
$('.imgLink').click(function(){
    var imgPath = $(this).attr('href');
    $('#theImage').attr('src',imgPath);
    return false;
    });
});

如果可以调整上面的代码，添加一个标题，那将是理想的

您需要添加一个新的html标记来包含该标题，例如可以使用div

添加jquery代码以选择该div并更改文本

---

这里有一个例子：

您希望标题是什么？锚文本？我不希望它是可点击的，只是描述图像的一行左右的文本。是的，但是标题的文本来自哪里？@user3237758正如大卫所问，描述来自哪里？如果它与您单击的标记不同，那么最好的方法可能是在标记上添加数据属性。您希望支持哪些浏览器？我希望它来自您单击的标签。这与我想要的很接近。我该如何编辑它，使每个图像都有不同的标题？