javascript - 使用 span 标签将数字包装在 javascript 字符串中

Question

我有一个以 X,XXX 格式生成的数字(因此它有逗号)。数字需要设置样式(黑色背景和白色文本)，而逗号需要保持原样。

无论如何，我试图在字符串中的每个数字周围添加一个跨度，但它似乎不起作用。

function numberWithCommas(x) {
    var parts = x.toString().split(".");
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    var stylednumbers = parts.join(".");
    var stylednumbers = stylednumbers.replace(/([0-9]+\.)/, '<span class="counternumber">$1</span>');
    return stylednumbers;
}

我是一个 javascript 新手(并且避免使用 jQuery，因为它是 WordPress)，但渴望让它工作。关于我哪里出错的任何想法？

如果您需要任何进一步的信息，我很乐意提供。

Answer 1

我认为您希望您的正则表达式为 /([0-9]+)/g，否则只会跨越您号码的最后三位数字。