Question

How to insert <div> within a <td> using JQuery and place all the child elements of <td> within the <div>?

Lets say I have the HTML rendered in the below mentioned format.

<td class="known_td">
  <input ../>
  <img ../>
</td>

The updated HTML should look like,

<td class="known_td">
  <div>
    <input ../>
    <img ../>
  </div>
</td>

Answer 1

$('.known_td').wrapInner('<div />');

Update:

It’s worth noting that you can treat the tag passed to wrapInner() as a normal html element declaration, adding classes, ID, etc:

$('.known_td').wrapInner('<div id="neo" class="dynamic" />');

Cheers