jQuery - html（this）; （this）divを削除します

Question

私はdivを変更しようとしています。

私はこれを試してみた：

$(document).ready(function(){ 

    $('.smallImg').click(function(){ 
     $('.bigImg').html(this); 
    }); 

});// 

<div class='smallImg'><img src='imgHere'></div> 
<div class='bigImg'></div> 

それは働いていますが、何らかの理由で、それがクリックされた画像を削除しています。なぜ、どうしたらいいのですか？

Answer 1

DOMノードが移動されたため削除されました。あなたは、DOMノードをクローニングしていることを防ぐことができます。

$(document).ready(function(){ 

    $('.smallImg').click(function(){ 
     $('.bigImg').html($(this).clone()); 
    }); 

});// 

Answer 2

代わりの

$('.bigImg').html(this); 

「これは」すべてのデータを含むオブジェクトへの参照を覚えておいてください

$('.bigImg').html(this.html); 

を試してみてください（HTMLを含む）を使用して、必要なデータを明示的に呼び出す必要があります。