删除HTML标记,但保留内部HTML

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

这将选择所有 <b> 元素,然后 uses .contents() 以 <b> , then .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解决方案快得多。

你也可以使用 .replaceWith() ,就像这样:

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

或者如果你知道这只是一个字符串:

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

如果要展开很多元素,这可能会有很大的不同,因为上面的两种方法都是 significantly faster 比成本 .unwrap() .

删除内部html元素并只返回文本的最简单方法是 JQuery .text() function .

例子:

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 Demo

这个怎么样?

$("b").insertAdjacentHTML("afterend",$("b").innerHTML);
$("b").parentNode.removeChild($("b"));

第一行复制 b 直接标记到 乙 标记,然后第二行删除 乙 标记,只留下复制的内容。

我通常将其包装成一个函数,以便于使用:

function removeElementTags(element) {
   element.insertAdjacentHTML("afterend",element.innerHTML);
   element.parentNode.removeChild(element);
}

所有的代码实际上都是纯Javascript,唯一使用的JQuery是选择要目标的元素( 乙 在第一个示例中标记)。函数只是纯JS:D

另请看:

• https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

// For MSIE:
el.removeNode(false);

// Old js, w/o loops, using DocumentFragment:
function replaceWithContents (el) {
  if (el.parentElement) {
    if (el.childNodes.length) {
      var range = document.createRange();
      range.selectNodeContents(el);
      el.parentNode.replaceChild(range.extractContents(), el);
    } else {
      el.parentNode.removeChild(el);
    }
  }
}

// Modern es:
const replaceWithContents = (el) => {
  el.replaceWith(...el.childNodes);
};

// or just:
el.replaceWith(...el.childNodes);

// Today (2018) destructuring assignment works a little slower
// Modern es, using DocumentFragment.
// It may be faster than using ...rest
const replaceWithContents = (el) => {
  if (el.parentElement) {
    if (el.childNodes.length) {
      const range = document.createRange();
      range.selectNodeContents(el);
      el.replaceWith(range.extractContents());
    } else {
      el.remove();
    }
  }
};

另一种天然解决方案(咖啡中):

el = document.getElementsByTagName 'b'

docFrag = document.createDocumentFragment()
docFrag.appendChild el.firstChild while el.childNodes.length

el.parentNode.replaceChild docFrag, el

我不知道它是否比user113716的解决方案快,但对某些人来说可能更容易理解。