Создайте div, содержащий целевой div, используя jQuery

Question

Я думаю, что это должно быть легко, но я не могу заставить его работать. Я хочу, чтобы целевой Див или другой элемент с помощью JQuery, а затем динамически создать DIV, содержащий целевой элемент, например:

JQuery (».MyClass')

Как я могу создать DIV с background- атрибут цвета, установленный на белый, содержащий элемент «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 по своему усмотрению или делать все, что вам нужно.