Question

<div id="top">

   <span id="innter"></span> Here may have a lot of different div, span


</div>

What I want to do is wrap the span by another div element.

So it looks like this:

<div id="top">
   <div id="wrapper">
       <span id="innter"></span>
    </div
</div>

What is the best way to do this?
I found wrapAll() is useful, but not sure how to include all the elements inside #top.

Answer 1

Use the .wrap() method

$('#innter').wrap('<div id="wrapper" />');