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

我试图使用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

#description

上显示的描述。问题很明显：当我使用append（bla-bla）时，每次单击每个图像时，我都会附加它的描述，依此类推，而不会删除之前的描述

我想应该有一个方法，不是附加，不是前置，可以删除内容并替换它，但是我已经搜索了好几个小时，我找不到如何删除内容

所以，如果你能帮我解决这个问题，请使用或方法：

它将更改

#description

块中的文本。

只需使用或方法：

它将更改

#description

块中的文本。

只需使用

.html（）

，而不执行

$（文档）。find（）

只需使用

.html（）

，而不要使用

$（文档）.find（）

---

+1，找到的图像的缓存是好的，使用每个元素的id应该是最快的（没有“文档”），也是好的。不确定OP最初为什么会在描述中拼写为“description:”），但你发现了。@markschultheis可能OP说西班牙语。@markschultheis我以为它是一种我不懂的语言，就不说了：P@VisioN-也许，：）有时我的大脑过于局部化了。+1，找到的图像的这个缓存很好，为每个元素使用id应该是最快的（没有“文档”），也是很好的。不确定OP最初为什么会在描述中拼写为“description:”），但你发现了。@markschultheis可能OP说西班牙语。@markschultheis我以为它是一种我不懂的语言，就不说了：P@VisioN-也许，：）有时候我的大脑太局部化了。

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

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