Question

这是我的代码，此消息来自动态

<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

按＆＃34; Space＆＃34;分割文字。您将获得一系列项目。拿索引，我以为它总是一样的，并添加你的＆＃34; span＆＃34;在那。

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>" );
});

小提琴：http://jsfiddle.net/jonathansampson/gEYEE/

需要包装指定的内容

4 个答案: