スパンをインプレイスで削除するにはどうすればよいですか？

Question

私は、次の入力があります。

<p> 
    <span class="highlight"> 
    Some text <b>that can have formatted components too</b>. 
    </span> 
    And some more text here of course. 
</p> 

をそして、私は次のような出力を達成したい：私はjqueryのを使用していますし、それが.unwrap()機能を持っているが、私は $('.highlight').unwrap()を行けば、それは削除さ

<p> 
    Some text <b>that can have formatted components too</b>. 
    And some more text here of course. 
</p> 

を<p>。 :(

は手動でDOMをハッキングすることは面倒のように思える。あなたはどんな短いソリューションを知っていますか？

Answer 1

.contents()を使用すると、あなたが削除したい親要素の内部の要素を取得します。

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

Answer 2

は、あなたは、単にjQueryのを使用してこれを行うことができ

$('.highlight').replaceWith(function() { 
    return $(this).html(); 
}); 

Answer 3

と交換してみてください。

ドキュメントへの

var cnt = $(".highlight").contents(); 

$(".highlight").replaceWith(cnt); 

クイックリンク：

• contents()：jQueryの

• replaceWith（コンテンツ：[文字列|要素| jQueryの]）：jQueryの