нужно обернуть заданное содержание

Question

Это мой код, это сообщение приходит от dynamicaly

<div class="left">6 item(s) - Page 1 of 3 </div> 

Нужно изменить

<div class="left"> <span>6</span> item(s) - Page <span>1</span> of <span>3</span> </div> 

Любой идею?

Answer 1

var div = $('.left'); 
div.html(div.html().replace(/(\d+)/g, '<span>$1</span>')); 

Answer 2

Разделить текст на "Пространство". Вы получите массив элементов. Возьмите индекс, я думал, что он всегда будет таким же и добавит ваш «пролет» на это.

Answer 3

Это работает для меня. Я просто проверяю, является ли слово числом. Если да, то я обернуть его внутри span

var left = $('.left'); 
var html = left.html().split(' '); 
for(var i=0,len=html.length;i<len;i++){ 
    if(!isNaN(html[i]) && html[i]!=''){ 
     html[i] = '<span>' + html[i] + '</span>'; 
    } 
} 
left.html(html.join(' ')); 

Answer 4

Использование неявного зацикливание, который поставляется изначально в JQuery для сброса HTML каждого совпавшего элемента.

​$(".left").html(function(i,v){ 
    return v.replace(/(\d+)/g, "<span>$1</span>"); 
});​​ 

Fiddle: http://jsfiddle.net/jonathansampson/gEYEE/