如何使用jQuery（或其他任何东西）更改Html标签？

Question

如何更改：

<p class="myClass">Lorem Ipsum (and maybe other nested tags)</p>

成：

<code class="myClass">Lorem Ipsum (and maybe other nested tags)</code>

这是一项离线工作。这只是一次更新，但我需要将数千p个code更改为{{1}}。

Answer 1

您可以使用contents()获取元素的子元素（包括文本节点），然后合并unwrap()和wrapAll()：

$("p.myClass").contents().unwrap().wrapAll("<code class='myClass'></code>");

更新：如果您有多个<p>元素，则必须使用each()对其进行迭代，以避免在单个<code>内重新显示所有元素元素：

$("p.myClass").each(function() {
    $(this).contents().unwrap().wrapAll("<code class='myClass'></code>");
});