使用jQuery manpulate td

Question

我有以下html结构.

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

我想用jQuery做这样的事情.我无法修改代码,所以必须使用它.

<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>

请做好

Answer 1

你可以使用wrapAll

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

编辑:由于一些评论,它的工作原理:jsFiddle