使用jQuery分割和连接,以便在逗号后添加空格

时间:2012-06-19 13:37:48

标签: jquery split each

尝试拍摄此内容:

<div class="content">one,two,three</div>
<div class="content">four,five,six</div>
<div class="content">seven,eight,nine</div>

和.split和.join各使用jQuery。

$('.content').each(function() {
    var mydata = $(this).text().split(',').join(", ");
    $(this).text(mydata);
});

小提琴:http://jsfiddle.net/ZXgx2

3 个答案:

答案 0 :(得分:14)

当然,您可以使用splitjoin

$(".content").text(function(i, val) {
    return val.split(",").join(", ");
});

但我建议改用正则表达式:

$(".content").text(function(i, val) {
    return val.replace(/,/g, ", ");
});

DEMO: http://jsfiddle.net/ZXgx2/6/

答案 1 :(得分:2)

你解决方案很好,你的小提琴是错误的:split(', ')

答案 2 :(得分:1)

没有理由拆分,加入或致电.each。只需通过快速正则表达式修改所有.content元素的文本:

​$(".content").text(function(i,v){
    return v.replace(/,/g, ", ");
});​​

小提琴:http://jsfiddle.net/jonathansampson/uAHBU/