jquery - 使用 jQuery 切换包装元素的最佳方法

Question

我有 HTML 代码

<span id="s">Attachments</span>

如何使用 jQuery 通过以下表格代码块切换外部 SPAN 元素，以便“附件”文本被表格元素包裹起来。

<table id="t">
  <tr>
    <td>Attachments</td>
  </tr>
</table>

Answer 1

您可以创建一个包含 tr 和 td 的表格，将 span 中的 HTML 内容插入到新的 td 元素中，在 span 之后立即插入表格，最后删除 span。

$("<table id='t'><tr><td>" + $("#s").html() +
    "</td></tr></table").insertAfter("#s");

$("#s").remove();

我假设“滑动”是指“交换”？这就是为什么我删除了原来的跨度。如果不是这种情况，请忽略 remove 调用。