Remove tag around a text node using javascript

Question

If I have some HTML that looks like this:

      This is some text that is being written with
      a high         


        
                      

              相关标签:
       
      

Answer 1

text.replace(/</?[^>]+(>|$)/g, "");

Answer 2

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

Answer 3

This works:

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

Answer 4

A better unwrap plugin:

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

  return this;
};

from Ben Alman

Answer 5

You get the text, and replace the span with it:

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

Answer 6

wrap it in a plugin

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

and then use like so

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

Working Demo here - add /edit to the URL to play with the code