如何用jQuery替换<span class="number1">10.00</span>中的点为逗号？含多点场景

首先，你之前尝试没成功大概率是只做了替换操作，但没把替换后的内容重新赋值回元素。我给你两种常用的正确写法，同时覆盖单个/多个点号的处理场景：

1. 替换所有点号的通用写法 #

如果要把元素内所有的英文点号都换成逗号，用String.replace()配合全局正则表达式就能搞定，这里推荐用回调函数的写法，更简洁且支持批量处理多个匹配元素：

// 方法一：使用text()的回调函数（推荐）
$('.number1').text(function(index, originalText) {
  // /\./g 是全局匹配点号的正则，点号在正则里是特殊字符，必须用反斜杠转义
  return originalText.replace(/\./g, ',');
});

// 方法二：先获取文本，替换后再赋值（适合需要单独处理文本的场景）
let originalText = $('.number1').text();
let newText = originalText.replace(/\./g, ',');
$('.number1').text(newText);

2. 按需调整的细节处理 #

• 如果你只想替换第一个出现的点号，去掉正则里的g（全局匹配）标志即可：

  $('.number1').text(function(i, txt) {
    return txt.replace(/\./, ',');
  });
  

• 如果元素内包含HTML标签（不只是纯文本），别用text()，改用html()来保留标签结构：

  $('.number1').html(function(i, originalHtml) {
    return originalHtml.replace(/\./g, ',');
  });
  

为什么之前的尝试可能失败？ #

很多新手会犯的错误是只执行$('.number1').text().replace(...)——这个操作只是返回替换后的字符串，但并没有把它写回元素里，所以页面上完全看不到变化。必须把替换后的结果重新赋值给元素的text()或html()，才能让修改生效。

内容的提问来源于stack exchange，提问作者Umberto