刪除超鏈接保留內容

Question

如何刪除外a ？ 並使用text（）來改變其中的內容？

<a><span>content</span></a>

這將無法工作，因為它將刪除整個標記。

$("span").text('Altered content').closest('a').remove();

我希望的結果是<span>Altered Content</span>

Answer 1

您需要使用.unwrap（）和.text()來設置文本值：

從DOM中刪除匹配元素集的父元素，將匹配的元素保留在原位。

$('a span').unwrap().text('altered content');

演示

Answer 2

為了做到這一點，正如其他人所說，你需要unwrap()函數。 但是，我建議使用id或class作為選擇器，而不是使用span標簽。 解包的工作方式是刪除父節點而只留下選擇器本身。

的jsfiddle

$(function() {
    $("span").unwrap();
    $("span").text('replaced text');
});