Question

我正在尝试使用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 #containerImage的背景图片，以及div #descripcion上显示的说明。问题很明显：因为我正在使用追加（bla bla），每次我点击每个图像时，我都会附加它的描述，依此类推，而不会删除之前的图像。

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

所以，请你，如果你可以帮助我...

Answer 1

只需使用html或text方法：

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

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

Answer 2

只需使用.html()，就不要$(document).find()

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

如何使用jQuery替换Div中的内容

2 个答案: