unwrap w czystym js Opcje

[d4ng]

Witajcie chciałbym zapytać w jaki sposób moge usunąć z danego elementu wszystkie wrapy otaczające element potomny po klasie? Przykład:

[HTML] pobierz, plaintext 
<p>
    <span class="bold">
        <span class="ltr">L</span>
        <span class="ltr">o</span>
        <span class="ltr">r</span>
        <span class="ltr">e</span>
        <span class="ltr">m</span>
    </span>
    <span class="ltr"> </span>
    <span class="ltr">i</span>
    <span class="ltr">p</span>
    <span class="ltr">s</span>
    <span class="ltr">u</span>
    <span class="ltr">m</span>
</p>
[HTML] pobierz, plaintext 

chce osiągnąć:

[HTML] pobierz, plaintext 
<p><span class="bold">Lorem</span> Ipsum</p>
[HTML] pobierz, plaintext 

Potrzebuje rozwiązania w czystym javascripcie..
Pozdrawiam (IMG:style_emoticons/default/smile.gif)

[d4ng]

Bardzo dziękuje, ale skrypt musi być dużo bardziej elastyczny tzn w elemencie <p> może być z 100 różnych innych elementów o róznych id czy klasach. A mi zależy żeby z tego worka <p> odwrapować elementy posiadające klasę "ltr".

w jquery prawdopodobnie wyglądałoby to tak:

[HTML] pobierz, plaintext 
$("span.ltr").contents().unwrap();
[HTML] pobierz, plaintext 

ale jak to zrobić w czystym js?

Ten post edytował d4ng 23.12.2015, 14:03:10