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); 
});