jQuery:删除 HTML 元素，同时保留其子元素

Question

我想添加这样的 HTML:

<div><img src="item.png"/>&nbsp;<a href="#"><span>Hello</span></a></div>

但在某些情况下，我需要去掉包装 a 元素，所以它看起来像这样:

<div><img src="item.png"/>&nbsp;<span>Hello</span></div>

这个 a 元素可以位于任意 HTML 片段中的任何位置。我通过[href="#"]捕获它。此 HTML 不是 DOM 的一部分，它是在删除 a 元素后添加到 DOM 中的。

我尝试了 jQuery 为此提供的所有东西，但没有成功。我的主要问题是，似乎没有办法将选择器应用到由 jQuery 创建的 HTML，如下所示:

$("html code from above");

我试图让 a 元素用它的内部 HTML 替换它，但是我的所有构造都是find()和replaceWith()失败，主要是<span>Hello</span>还剩下:(

jQuery-pro 如何解决这个问题？

Answer 1

难道不是 unwrap 功能做你想做的事吗？

如果您只想删除周围的标签(如 anchor )