Làm thế nào để loại bỏ một nhịp tại chỗ?

Question

tôi có đầu vào sau:

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

Và tôi muốn đạt được kết quả như sau:

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

Tôi đang sử dụng jquery và nó có một chức năng .unwrap(), nhưng nếu tôi đi $('.highlight').unwrap() nó loại bỏ <p>. :(

thủ hack DOM có vẻ như một rắc rối. Bạn có biết bất kỳ giải pháp ngắn?

Answer 1

Với việc sử dụng .contents() bạn sẽ nhận được các yếu tố bên trong của phần tử cha mẹ bạn muốn loại bỏ.

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

Answer 2

thử thay bằng

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

Answer 3

Bạn có thể chỉ đơn giản là có thể làm điều này bằng cách sử dụng jQuery.

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

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

liên kết nhanh đến tài liệu:

• contents(): jQuery

• replaceWith (nội dung: [Chuỗi | Yếu tố | jQuery]): jQuery