Блог

Главная - Вопросы по программированию - jquery: динамически изменять заголовок (.append()? .html()? или другие?)

jquery: динамически изменять заголовок (.append()? .html()? или другие?)

#jquery #html #image #dynamic #append

#jquery — jquery — запрос #HTML #изображение #динамичный #добавить #jquery #динамический

Вопрос:

Я хотел бы динамически изменять заголовок на основе щелчка, который я разработал на слайдере изображения. Я пробовал оповещать, чтобы проверить мой код, и при каждом нажатии на оповещение отображается другое имя, которое должно быть. но когда я попытался добавить () или 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>

Я хотел бы изменить название изображения и не допускать его повторения.

Есть какие-нибудь предложения?

Спасибо

Комментарии:

1. можете ли вы также добавить html, на который это ссылается?

2. Я думаю, это то, что вы подразумеваете под html? Я добавил тег div, на который следует ссылаться при выводе названия заголовка.

3. Почему вы используете изображения src attr, почему не rel, alt или title?

4. Это был просто пример, чтобы донести мою мысль

5. Я полагаю, что многие люди используют имя файла как своего рода заголовок, просто любопытно.

Ответ №1:

Вы сохраняете src переменную до того, как пользователь нажимает на изображение, поэтому оно всегда будет одинаковым. Поместите var src внутрь вашей функции click:

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