使用jQuery創建一個包含目標div的div

Question

我認爲這應該很容易，但我無法讓它工作。我想使用jQuery靶向一個div或其他元件，然後動態地創建包含所述目標元件一個div，例如：

jQuery的（」 .myclass'）

如何創建一個div與背景 - 顏色屬性設置爲白色，包含'myclass'元素？

起初我：<div class="myclass">Some HTML elements inside</div>

和執行jQuery的電話後，我想有：<div style="background-color:#fff"><div class="myclass">Some HTML elements inside</div></div>

我希望你明白我的問題......

Answer 1

您可以使用wrap函數在匹配元素周圍放置一個包裝。我更喜歡使用背景類，但也可以直接指定CSS屬性。

$('.myclass').wrap($('<div></div>').css('background-color', '#fff')); 

或

$('.myclass').wrap($('<div></div>').addClass('white-background')); 

Answer 2

var $myDiv = $('<div>').css('background-color','#fff').append($('.myclass')); 

然後你可以寫如果您認爲合適，則將此變量添加到DOM中，或者執行您需要執行的任何其他操作。