Yerinde bir span nasıl kaldırılır?

Question

Aşağıdaki girişi vardır:

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

Ve şu çıktıyı elde etmek istiyorum:

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

Jquery kullanıyorum ve bir .unwrap() işlevi vardır, ama ben $('.highlight').unwrap() giderseniz o kaldırır <p>. :(

Manuel DOM bir güçlük gibi görünüyor hack. Eğer herhangi bir kısa çözüm biliyor musunuz?

Answer 1

Kaldırmak istediğiniz üst elemanın içine öğeler alırsınız .contents() kullanımı ile.

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

Answer 2

sadece jQuery kullanarak bunu yapabilirsiniz yapabilirsiniz

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

Answer 3

ile değiştirin deneyin.

belgelere

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

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

Hızlı bağlantılar:

• contents(): jQuery

• replaceWith (içerik: [dize | Eleman | jQuery]). jQuery