使用jQuery创建一个包含目标div的div

Question

我认为这应该很简单，但我无法让它发挥作用。我想使用jQuery定位div或其他元素，然后动态创建包含目标元素的div，例如：

jQuery（'。myclass'）

如何创建一个背景颜色属性设置为白色且包含“myclass”元素的div？

最初我有：<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，或者执行您需要执行的任何操作。