तत्व को कैसे निकालें लेकिन इसके अंदर की सामग्री को कैसे हटाया जाए?

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() आप जो खोज रहे हैं:

सेट के माता-पिता को निकालें डोम से मेल खाने वाले तत्वों के, मिलान किए गए तत्वों को उनके स्थान पर छोड़कर।

अधिक जानकारी के लिए 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()); 

गैर jQuery समाधान:

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

Answer 4

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

,210

उदाहरण देख http://jsfiddle.net/vikastyagi87/Xaa39/6/

[innerHTML एक एचटीएमएल टैग निकालें लेकिन रख] (की