jquery：动态更改标题（.append（）？。html（）？或其他？）

Question

我想基于我在图像滑块上开发的点击动态更改标题。我已经尝试过警报来检查我的代码，每次点击警报都会显示一个不同的名称。但当我尝试追加（）或html（）时，它会保留在第一个图片名称上。

var src = $('#slides img').attr('src'); 
$("#image").click(function(){
$("#pic-title").html(src); //this shows the first images' name and never changes.
//$("#pic-title").append(src); //this shows the first images' name and adds on each click, but stays the same name and never changes.
});


<div id="pic-title"></div>

我想更改图片名称而不是重复。

有什么建议吗？

谢谢

Answer 1

您在用户点击图片之前存储src变量，因此它始终是相同的。将var src放在点击功能中：

$("#image").click(function(){
    var src = this.src;
    $("#pic-title").text(src);
});