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