Question

I have the following html structure.

<td class="coll-1">
   <b><a href="#">Some link text</a></b>
   <p>Description lorem ipsum dolor sit amet consect</p>
</td>

And I want to make something like this using jQuery. I can not modify the code so have to use this.

<td class="coll-1">
   <div class="col-1-data">
     <b><a href="#">Some link text</a></b>
     <p>Description lorem ipsum dolor sit amet consect</p>
   </div>
</td>

Please do needful

Answer 1

Using jQuery you can do the following using the wrapInner function.

$(".coll-1").wrapInner("<div class='col-1-data' />");