删除HTML标记但保留innerHtml

Question

删除HTML标记但保留innerHtml我有一些简单的HTML，我需要删除简单的格式。A nice house was found in <b>Toronto</b>.我需要删除粗体，但保留句子完整。这怎么可能在jQuery中？

Answer 1

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

这将选择所有<b>元素，然后用于.contents()定位文本内容<b>，然后.unwrap()删除其父<b>元素。

---

为了获得最佳性能，请始终使用原生：

var b = document.getElementsByTagName('b');while(b.length) {
    var parent = b[ 0 ].parentNode;
    while( b[ 0 ].firstChild ) {
        parent.insertBefore(  b[ 0 ].firstChild, b[ 0 ] );
    }
     parent.removeChild( b[ 0 ] );}

这将比这里提供的任何jQuery解决方案快得多。

Answer 2

您也可以使用.replaceWith()，如下所示：

$("b").replaceWith(function() { return $(this).contents(); });

或者如果你知道它只是一个字符串：

$("b").replaceWith(function() { return this.innerHTML; });

如果您打开很多元素，这可能会产生很大的不同，因为上述任何一种方法都明显快于成本.unwrap()。

Answer 3

删除内部html元素并仅返回文本的最简单方法是JQuery .text（）函数。

例：

var text = $('<p>A nice house was found in <b>Toronto</b></p>');alert( text.html() );//Outputs A nice house was found in <b>Toronto</b>alert( text.text() );////Outputs A nice house was found in Toronto

jsFiddle演示