使用javascript删除文本节点周围的标记

您将得到文本,并用它替换跨度:

var wrap = $('.highlight');
var text = wrap.text();
wrap.replaceWith(text);

在插件中包装它

(function($) {   
    $.fn.tagRemover = function() {           
        return this.each(function() {            
        var $this = $(this);
        var text = $this.text();
        $this.replaceWith(text);            
        });            
    }    
})(jQuery);

然后像这样使用

$('div span').tagRemover();

Working Demo 这里-添加 编辑 到要播放代码的URL

这工作:

wrap = $('.highlight');
wrap.before(wrap.text());
wrap.remove();

这将满足您的需要,并保留.highlight范围内的所有标记。

content = $(".highlight").contents();
$(".highlight").replaceWith(content);

element = document.getElementById("span id");
element.parentNode.insertBefore(element.firstChild, element);
element.parentNode.removeChild(element);

文本。替换(/</?[^>]+(>;$)/g,“”);

只是更改跨度的类要比实际删除它容易得多。您可以使用纯javascript:

document.getElementById("span id").className="";

或jquery的toggleClass函数:

 $("element").toggleClass("highlight");

此外,最佳实践还表明,不应使用暗示样式的类名,如highlight。试着用“强调”来代替。D

更好的解包插件:

$.fn.unwrap = function() {
  this.parent(':not(body)')
    .each(function(){
      $(this).replaceWith( this.childNodes );
    });

  return this;
};

从 Ben Alman