jquery - 使用 .replaceWith 删除标签但将内容保留在标签内？

Question

我有一个表格单元格，其中包含包含在<p>标签中的内容：

<td class=" address"><p>
    Content goes here
</p></td>

我希望<p>删除标签，所以它看起来像这样：

<td class=" address">
    Content goes here
</td>

我尝试了以下 jQuery，但没有成功。有人可以指出我正确的方向吗？

$('.address p').replaceWith('');

Answer 1

尝试：

$('.address p').contents().unwrap();

示例： http: //jsfiddle.net/6zAN7/34/（使用div代替td但概念应该相同）

解释：

contents获取段落标签内的元素（包括文本元素），然后调用unwrap这些文本元素，删除父p标签。

Answer 2

$(function() {
    $("td.address > p").contents().unwrap();
});

Answer 3

我会使用.unwrap()方法

$('p').contents().unwrap();

从 DOM 中移除匹配元素集的父元素，将匹配元素留在原处。

Answer 4

$('.address p').replaceWith(function() {
    return $(this).html();
});

jsFiddle 示例