Làm cách nào để xóa phần tử chứ không phải nội dung bên trong?

Question

Tôi làm cách nào để xóa phần tử chứ không phải nội dung bên trong yếu tố đó?

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

Tôi muốn loại bỏ các span rằng kết thúc tốt đẹp hình ảnh.

Vì vậy, tôi có thể nhận được,

<a href="#"> 

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

</a> 

Answer 1

Bạn cần unwrap

$('img').unwrap(); 

Answer 2

Các jQuery chức năng unwrap() là những gì bạn đang tìm kiếm:

Tháo cha mẹ của tập của các phần tử được so khớp từ DOM, để lại các phần tử phù hợp ở vị trí của chúng.

Khám phá the API doc page để biết thêm thông tin.

Answer 3

Bạn sẽ phải thay đổi cấu trúc HTML của bạn một chút ở đây:

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

jQuery giải pháp:

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

Non jQuery giải pháp:

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

Answer 4

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

xem ví dụ http://jsfiddle.net/vikastyagi87/Xaa39/6/