jQuery Dom 操作：使用 jQuery 在 div 周围添加包装 div

Question

when I'm designing a website I came across this issue . I had to create a wrapper DIV around a DIV in my html code. So I'm asking this Question because this will be useful to others in future

I wan't to add a wrapper div to this div using jQuery

<div class="innerdiv"></div>

Answer 1

This has probably been asked and answered, but here is my response:

First, see jQuery documentation

Second, here is the simple answer:

$( ".innerdiv" ).wrap( "<div class='new'></div>" );

Answer 2

jQuery provides a method for you:

$('.innerdiv').wrap('<div class="outerdiv"></div>');

http://api.jquery.com/wrap/

Answer 3

you can wrap a div with another div using jQuery .wrap()

<div class="innerdiv"></div>

in the jQuery code you have to select the innerdiv and then you have to create the wrapper div insdie the wrap() . and you need to import jQuery to run this.

 $( ".innerdiv" ).wrap( "<div class='new'></div>" );

checkout my codepen link here