如何使用JQuery在<td>标签中插入<div>标签

Question

如何使用JQuery在<td>中插入<div>，并将<td>的所有子元素放置在<div>中？

假设我有以下HTML结构：

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

更新后的HTML应该如下所示，

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

- R K

Answer 1

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

更新：

值得注意的是，您可以将传递给wrapInner()的标签视为普通的HTML元素声明，添加类、ID等：

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

干杯

- Madbreaks

---

也可以简写为 $('.known_td').wrapInner('<div />');。 - creanium

@creanium 当你添加评论时，我正在添加它 - 感谢你指出来。 - Madbreaks