Замена и обрезание

Вообщем, что - то я не могу допереть, есть html:

Код (Text):

1. <div>
2.        <span>
3.               Бла, бла, бла
4.       </span>
5. </div>

И есть такой же html только без <div>

Код (Text):

1. <span>
2.         Бла, бла, бла
3. </span>

Так вот надо сделать так, чтобы верхний стал такойже как и нижний, обрезать надо до точно такого же,
то есть все, что за "<span></span>" удалить, а то, что в нем оставить.

Чтобы они были равны.

Канает ли такое в javascript?

 

Надо по другому.
Получаем:

Код (Text):

1. var div='<div>
2.        <span>
3.               Бла, бла, бла
4.       </span>
5. </div>';

Там может и не только див быть.

Мне надо div обрезать до span, то есть, чтобы спан и все, что внутри спана осталось, а остальное стерлось.

Возможно ли так сделать? А то не могу понять никак.

Добавлено спустя 54 минуты 46 секунд:
Ммм... Красота!))

Код (Text):

1. var div='<div>
2.        <span>
3.               Бла, бла, бла
4.       </span>
5. </div>';
6.  
7. $(div).find('span').html();