привет всем.
что имеется:
<div class="title">это строка номер | один.</div>
<div class="title">это строка номер | два.</div>
<div class="title">это строка номер | три.</div>
что нужно:
то, что идет после символа | обернуть в тэг <span>
в итоге должно получиться так:
<div class="title">это строка номер <span>один.</span></div>
<div class="title">это строка номер <span>два.</span></div>
<div class="title">это строка номер <span>три.</span></div>
что я делаю:
var title = $('.title:contains("|")');
var txt = title.html().split("|");
var output = ""
for(var x=0;x<txt.length;x++) {
output = output + "<span>"+txt[x]+"</span>"
}
title.html(output);
что у меня получается:
1) <div class="title">это строка номер <span>
один.</span></div>
2) <div class="title">это строка номер <span>
один.</span></div>
3) <div class="title">это строка номер <span>
один.</span></div>
Объясните, пожалуйста, где ошибка?
Спасибо за помощь заранее