删除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 TorontojsFiddle演示