jQuery Удалить HTML-элемент, но оставить содержимое

Question

Есть ли функция jQuery (или просто прямой javascript), чтобы превратить <span class="emphasis">15.9</span> в 15.9?

В основном я хочу удалить тег <span>, но оставим содержимое, находящееся в теге.

Answer 1

Да, это называется unwrap. Вы называете это на узлах, которые вы хотите разворачивать, так что в вашем случае, мы бы назвали его $(".emphasis").contents():

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

Пример:

// 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>

Пример, когда являются элементами в пределах диапазона:

// 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

Попробуйте

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

Answer 3

JavaScript:

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