Как создать новый родительский класс для элемента w/jquery?

Question

Так что у меня что-то вроде

<div> 
    <!-- other stuff then--> 
    <button>Hey</button> 
</div> 

и я хотел бы сделать это (используя Javascript/JQuery)

<div> 
    <!-- other stuff then--> 
    <div class="bw"> 
    <button>Hey</button> 
    </div> 
</div> 

Возможно ли это? Я не мог найти что-либо с материалом на нем в Интернете ... но, я полностью JS noob, поэтому я, вероятно, не использую правильную терминологию. Благодаря!

Answer 1

Вы можете использовать .wrap() для этого:

$("button").wrap("<div class='bw'></div>"); 

You can test it here, для упаковки нескольких элементов, используйте .wrapAll(), вот a full list of the wrapping functions.