You almost had it :). There's a handy function called "wrap" that you can use.
$('div.box').children('span.heading').wrap('<table><tr><td></td></tr></table>'); More documentation here: http://docs.jquery.com/DOM/Manipulation#wrap.28_elem_.29 Karl Rudd On 2/13/07, Agrawal, Ritesh <[EMAIL PROTECTED]> wrote: > > Hi, > > I have been using jquery for some time but never really created my own > extension that requires dom manipulation. I am wondering how can I wrap a > <span> with two table element. So my original code is something like this > > Original > <div class="box"> > <span class="heading">Heading</span> > </div> > > Modified (desired result) > <div class="box"> > <table> > <tr> > <td><span>heading</span></td> > </tr> > </table> > </div> > > I was able to get handle on div.box but when I tried > $('div.box').children("span.heading").before('...').after('...'); that > didn't worked.. > > Regards, > Ritesh > -- > View this message in context: > http://www.nabble.com/Newbie-Question---wraping-an-element-tf3219302.html#a8940360 > Sent from the JQuery mailing list archive at Nabble.com. > > > _______________________________________________ > jQuery mailing list > discuss@jquery.com > http://jquery.com/discuss/ > _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/