如何使用 jQuery 解开所有父项？

Question

<p><span><a href="link"></a></span></p>

我如何解开所有内容，只留下 ？

-编辑-

抱歉，我应该提供更多信息。基本上，我试图定位所有被 p 标签包围的 span 的唯一子代 a 。我希望以下内容能够解决问题，但它只解开了 p 标签。我想知道是否有办法删除 span 标签。

$('p > span:only-child > a:only-child').unwrap();

Answer 1

这样做可以做到这一点：

$(document).ready(function() {
    var link = $("a").detach();
    $("p").remove();
    link.appendTo("body");
});

从 DOM 中分离链接并将其放在 link var 中。从 DOM 中完全删除 p。将 a 重新附加到 body 标记。

要将链接准确地放回到原来的位置，请将其附加到 p 的父元素，而不一定是 body 元素。假设您已经得到了这个：

<div id="foo">
<p><span><a href="link"></a></span></p>
</div>

您可以使用这一行：

link.appendTo("#foo");

编辑以响应您的编辑：

是的，展开仅执行一个父级别（据我所知）。所以只要做两次就可以了。 :)

$('p > span:only-child > a:only-child').unwrap().unwrap();

Answer 2

您没有提供有关页面上其他元素的足够信息。以下内容只是为了帮助您入门。

var theLink = $("span").html();
$("p").remove();
$("body").html(theLink);