Как через javascript добавить родителя к блоку?

Question

[kimqar_ver]

например есть разметка html
<div class="child"></div>
Как обернуть этот блок так через js в родитель? чтобы получилось так:

<div class="parent">
    <div class="child"></div>
</div>

Answer 1

[Eugene Chefranov]

$( ".child" ).wrap( "<div class='parent'></div>" );

Answer 2

[Надим]

На чистом JavaScript можно сделать так:

var element = document.querySelector('.child');
element.outerHTML = '<div class="parent">'+element.outerHTML+'</div>';

Свойство outerHTML показывает весь HTML код элемента и при желании его можно переписать.