javascript - 如何在不影响内容的情况下替换标签？

Question

我只是想删除一个 html 标签(打开和关闭)而不影响内容。

例如，给定此标记...

var temp =
<span id="myspan1">
<span id="myspan2" class="new">
hello world !</span>
</span>

我想了解这个...

var newcontent = 
<span id="mySpan1">
    hello world !
</span>

请帮助我在 jquery 中解决这个问题。

Answer 1

我认为 jQuery 有一个 unwrap .由于 unwrap 移除父级，我们需要获取 #myspan2 的内容以使 #myspan2 成为要移除的父级，ending up with #myspan1 being the parent .

$('#myspan2').contents().unwrap();

为了进一步阐明为什么 unwrap 比做 html 更好，当你做 .html() 时，它只检索一个字符串表示从当前元素下降的 DOM。它不会获取那些后代附带的处理程序和数据。因此，如果您使用该 HTML 字符串重新创建 DOM，它确实会正确地重新创建 DOM，但是 does not anymore have the handlers and data那些后代的附属物。