1

我正在尝试使用 jQuery 手动更改 div 的内容，具体取决于我单击的图像。每张图片都有它自己的描述，所以当我点击它时，我想做的是像这样改变一个 div 的内容：

var url_image = $(this).find('img').attr('src');
$(document).find('#descripcion').append($(this).find('img').attr('alt'));
$(document).find('#containerImage')
    .css('background-image', 'url(' + url_image + ')')

因此，使用此代码，我更改了 div 的背景图像，以及 div#containerImage上显示的描述#descripcion。问题很明显：当我使用append(bla bla)时，每次单击每个图像时，我都会附加它的描述，依此类推，不会删除以前的图像。

我想应该有一种方法，而不是附加，而不是前置，它会删除内容并替换它，但是已经花了几个小时搜索它，但我找不到方法。

所以拜托，如果你能帮我解决这个...

4

2 回答 2

2

只需使用htmlortext方法：

$("#descripcion").html($(this).find('img').attr('alt'));

它将更改#descripcion块内的文本。

于 2012-05-24T11:21:15.263 回答
2

只用.html()，不要做$(document).find()

var $img = $(this).find('img');
$('#descripcion').html($img.attr('alt'));
$('#containerImage').css('background-image', 'url(' + $img.attr('src') + ')');
于 2012-05-24T11:23:13.687 回答