Jak usunąć rozpiętość w miejscu?

Mam następujące dane wejściowe:Jak usunąć rozpiętość w miejscu?

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

I chcę osiągnąć następujące wyniki:

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

używam jQuery i ma .unwrap() funkcji, ale jeśli pójdę $('.highlight').unwrap() usuwa <p>. :(

Ręcznie hacking DOM wydaje się kłopotów. Czy znacie jakieś krótkie rozwiązanie?

Źródło

2013-05-06 Barnabas Szabolcs

'$ (... "Highlight ") rodzic (" P ") html ($ (". Punktem kulminacyjnym") tekst());' –

Z wykorzystaniem .contents() dostaniesz elementy wewnątrz elementu nadrzędnego, który chcesz usunąć.

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

Źródło

2013-05-06 10:00:51 Spokey

Dla bezpieczeństwa można obejmują druga linia: '$ (" highlight "). remove();' aby obsłużyć (rzadko) specjalny przypadek ''. odwijaj nie usuwa go, ponieważ nie ma żadnej zawartości. –

spróbować zastąpić

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

Źródło

2013-05-06 10:07:10

To działa, ale jest o wiele bardziej skomplikowane niż rozwiązanie Spokey. – Quentin

Dzięki za poinformowanie mnie o '.replaceWith', +1. –

Co ciekawe, replaceWith również działa tylko z węzłami, które mają zawartość. (Tak więc tutaj również dodanie '$ ('. Highlight'). Remove();' zasugerowano, zobacz mój komentarz do odpowiedzi Spokeya) –

można po prostu może to zrobić za pomocą jQuery.

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

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

Szybkie linki do dokumentacji:

contents(): jQuery
replaceWith (zawartość: [String | Element | jQuery]). jQuery

Źródło

2013-05-06 10:31:25 RGR

Testowałem i działa tylko z podświetlonym jednym elementem. (i gdybym miał tylko jedną atrakcję, oznaczałbym ją przez id = "highlight" w pytaniu) –

Jak usunąć rozpiętość w miejscu?

Odpowiedz

Powiązane problemy