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

使用htmlまたはtext方法：

$("#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 に答える