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