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. Заранее спасибо!
/** * 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 с классом ?
Как сохранив структуру и форматирование обернуть каждое слово в span с классом ?