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），所以你需要專門調出你想要的數據。