jQuery « Как обернуть текст в div

Задача такова: есть код -
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }

<div class="box">
    <span class="b1">какой нибудь текст</span>
    <span class="b2">какой нибудь текст</span>
          Привет!
</div>
 

Дак вот подскажите как мне обернуть текст "Привет" допустим в div. Заранее спасибо!

1 ответов



var $tmp = $(".box").children().remove();
var tmp1 = $(".box").text();
$(".box").text("").append($tmp).append($("<div>" + tmp1 + "</div>"))
 

Классный метод, а можно усложнить задачу ?

Предположим у нас есть много отформатированного текста

<p>Природные взрывы тоже могут приносить доход.<br/> Яркий тому пример – взрыв челябинского метеорита, принёсший краю внимание <strong>туристов</strong> почти <strong>со всего <span style="color: red;">мира</span></strong> и солидную прибыль стекольным компаниям.</p>

Как сохранив структуру и форматирование обернуть каждое слово в span с классом ?