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

Question

我想根据我在图像滑块上开发的点击动态更改标题。我已经尝试过检查我的代码，并且每次点击警报都会显示其应该显示的不同名称。但是当我尝试append（）或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); 
});