Как удалить элемент, но не содержимое внутри него?

Question

Как удалить элемент, но не содержимое внутри этот элемент?

<a href="#"> 
    <span> 
     <img src="pic-1.jpg"/> 
    </span> 
</a> 

Я хочу, чтобы удалить в span, что облегает изображение.

Так что я могу получить,

<a href="#"> 

    <img src="pic-1.jpg"/> 

</a> 

Answer 1

Вам нужно unwrap

$('img').unwrap(); 

Answer 2

Функция JQuery unwrap() является то, что вы ищете:

Удалить родителей набора согласованных элементов из DOM, оставляя на своем месте соответствующие элементы.

Отъезд the API doc page для получения дополнительной информации.

Answer 3

Вы должны изменить свой HTML архитектуру немного здесь:

<a href="#" id="my_href"> 
    <span id="my_span"> 
     <img src="pic-1.jpg"/> 
    </span> 
</a> 

JQuery решение:

$("#my_href").html($("#my_span").html()); 

Non JQuery решение:

document.getElementById("my_href").innerHTML = document.getElementById("my_span").innerHTML; 

Answer 4

$(document).ready(function(){ 
    $span = $('span'); 
    $span.replaceWith($span.html()); 
}); 

см пример http://jsfiddle.net/vikastyagi87/Xaa39/6/