使用 jQuery 拆分并加入每个以在逗号后添加空格答案

【问题标题】：split and join with jQuery each to add space after comma使用 jQuery 拆分并加入每个以在逗号后添加空格
【发布时间】：2012-06-21 13:29:58
【问题描述】：

尝试获取此内容：

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

【问题讨论】：

【解决方案1】：

当然你可以使用split和join：

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

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

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

演示： http://jsfiddle.net/ZXgx2/6/

【讨论】：

【解决方案2】：

你的解决方案很好，你的小提琴错了：split(', ')

【讨论】：

【解决方案3】：

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

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

【讨论】：