jQuery Entfernen Sie HTML-Element, aber lassen Sie den Inhalt

Question

Gibt es eine jQuery-Funktion (oder einfach nur Javascript) um <span class="emphasis">15.9</span> in 15.9 zu verwandeln?

Grundsätzlich möchte ich das <span> Tag entfernen, aber verlassen Sie das Zeug, das in dem Tag ist.

Answer 1

Ja, es unwrap genannt wird. Sie rufen es auf den Knoten Sie, so in Ihrem Fall auspacken wollen, würden wir es auf $(".emphasis").contents() nennen:

$(".emphasis").contents().unwrap(); 

Beispiel:

// Show the content of the container prior to unwrapping 
 
console.log("before unwrapping: " + $("#container").html()); 
 

 
// Unwrap 
 
$(".emphasis").contents().unwrap(); 
 

 
// After unwrapping 
 
console.log("after unwrapping: " + $("#container").html());

<div id="container"> 
 
    <span class="emphasis">15.9</span> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Beispiel für, wenn es sind Elemente innerhalb der Spanne:

// Show the content of the container prior to unwrapping 
 
console.log("before unwrapping: " + $("#container").html()); 
 

 
// Unwrap 
 
$(".emphasis").contents().unwrap(); 
 

 
// After unwrapping 
 
console.log("after unwrapping: " + $("#container").html());

<div id="container"> 
 
    <span class="emphasis"><em>15</em>.9</span> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 2

Versuchen

$('span.emphasis').replaceWith($('span.emphasis').text()); 

Answer 3

JavaScript:

var content = document.getElementByClassName("emphasis").innerHTML;