Comment créer une nouvelle classe parent pour un élément w/jquery?

Question

J'ai donc quelque chose comme

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

et je voudrais faire que (en utilisant Javascript/JQuery)

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

Est-ce possible? Je n'ai rien trouvé de matériel en ligne ... mais je suis totalement un JS, donc je n'utilise probablement pas la bonne terminologie. Merci!

Answer 1

Vous pouvez utiliser .wrap() pour cela:

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

You can test it here, pour envelopper plusieurs éléments, utilisez .wrapAll(), voici a full list of the wrapping functions.