Обернуть слова в тег

[npofopr]

Не преследую надежды на помощь, поэтому и пишу в "Сделайте мне бесплатно")

Как на jquery обернуть каждое слово в предложение в тег или может подскажите где посмотреть? Гугл как то не выдает прямых ответов, может не правильно ищу.

wrap оборачивает всю конструкцию, а мне надо каждый элемент.

Есть например строчка: 'css3, css'

Надо чтобы каждое слово было в теге: '<div>css3</div>, <div>css</div>'

Вообще у меня стоит шаблонизатор doc pad, ну и там есть вывод тегов

—

layout: post

title: 'тайтл'

date: '2012-12-16'

tags: 'тег1, тег2, тег3'

—

Вот мне и захотелось их как то оформить) В шаблонизаторе, что то тоже ничего про теги не увидел...

[wwt]

можно заюзать библиотечки подсветки синтаксиса, в том же codemirror насколько помню можно создавать свои правила подсветки.

Edited January 11, 2013 by wwt

[npofopr]

можно заюзать библиотечки подсветки синтаксиса, в том же codemirror насколько помню можно создавать свои правила подсветки.

Хм... Посмотрю, но пока не понимаю, причем тут подсветка синтаксиса. Для этого у меня стоит отечественный http://softwaremaniacs.org/soft/highlight/

Но посмотрю. Чуть конечно понимаю, как реализовать, но мне просто кажется это решается ~7 строчками jquery)

[Николя223]

а если так: в переменную берем нужное предложение через .html()

делим по пробелам через .split(" ");

у нас получился массив

проходим по нему через for

собираем каждое слово с нужными тегами

и вставляем обратно

var OurString = $("#бла-бла-бла").html();
var NewOurString="";
OurString=OurString.split(" ");
for(i=0;i<OurString.length;i++ ){
NewOurString= NewOurString+"<span>"+OurString[i]+"</span>";
}
$("#бла-бла-бла").html(NewOurString);

только под конкретные нужды дорабатывать, например учитывать перенос строки или запятые

Edited January 11, 2013 by Николя223

[npofopr]

а если так: в переменную берем нужное предложение через .html()

делим по пробелам через .split(" ");

у нас получился массив

проходим по нему через for

собираем каждое слово с нужными тегами

и вставляем обратно

var OurString = $("#бла-бла-бла").html();
var NewOurString="";
OurString=OurString.split(" ");
for(i=0;i<OurString.length;i++ ){
NewOurString= NewOurString+"<span>"+OurString[i]+"</span>";
}
$("#бла-бла-бла").html(NewOurString);

только под конкретные нужды дорабатывать, например учитывать перенос строки или запятые

то что надо, вроде), благодарствую. http://jsfiddle.net/npofopr/AwVaj/

Вот только ошибку выдает

Uncaught SyntaxError: Unexpected identifier

Вроде как на эту строку

NewOurString= NewOurString+"<div class="tag_item">"+OurString[i]+"</div> ";

Edited January 12, 2013 by npofopr

[Николя223]

то что надо, вроде), благодарствую.

[Николя223]

Вот только ошибку выдает

Uncaught SyntaxError: Unexpected identifier

Вроде как на эту строку

NewOurString= NewOurString+"<div class="tag_item">"+OurString[i]+"</div> ";

Ну правильно что выдаёт)) я думал вы вкурсе)))

Мы сейчас работаем в Яваскрипте, ну думаю вы сами должны увидеть как читается отрывок вашего скрипта...

Нужно кавычки другие ставить. внутри двойных - одинарные, либо эквиваленты юникода

иначе, JS считает, что вы подставляете ему переменную tag_item но способом, который не вписывается в синтаксис JS, и поэтому не может обработать и выдаёт ошибку ))))

примерно так http://jsfiddle.net/nikolya223/t7TGY/

Edited January 12, 2013 by Николя223

[npofopr]

Вот только ошибку выдает

Uncaught SyntaxError: Unexpected identifier

Вроде как на эту строку

NewOurString= NewOurString+"<div class="tag_item">"+OurString[i]+"</div> ";

Ну правильно что выдаёт)) я думал вы вкурсе)))

Мы сейчас работаем в Яваскрипте, ну думаю вы сами должны увидеть как читается отрывок вашего скрипта...

Нужно кавычки другие ставить. внутри двойных - одинарные, либо эквиваленты юникода

иначе, JS считает, что вы подставляете ему переменную tag_item но способом, который не вписывается в синтаксис JS, и поэтому не может обработать и выдаёт ошибку ))))

примерно так http://jsfiddle.net/nikolya223/t7TGY/

Точно, точно, про это я знаю, но тут как то забыл) У меня: знаю -> часто не пользуюсь -> не сразу понимаю в чем ошибка)

Ну и еще раз спасибо)