div 内容中的 Jquery 正则表达式答案

【问题标题】：Jquery regex in a div's contentdiv 内容中的 Jquery 正则表达式
【发布时间】：2020-10-20 00:38:35
【问题描述】：

我想知道如何应用正则表达式来替换 div 中的内容。

例子：

<div class="counter">
  Number of viewers: 12
</div>

我想用13 替换12。我经常这样做

$var = $('.counter').text().replace(/\d+/g, '13');
$('.counter').text($var);

但是我发现这个解决方案很粗略且未经优化，我想要一个单行解决方案，以便Javascript/Jquery 不在内存中保留可能包含一万个字符的变量。

【问题讨论】：

我认为您没有太多选择。 replace 已经制作了一份。如果你想让$('.counter').text($('.counter').text().replace(/\d+/g, '13')); 摆脱$var，你可以写在一行中
我已经想到了，但我觉得它很难看

【解决方案1】：

单行仍然会遇到同样的问题：将不必要地创建一个包含 10,000 个字符的字符串。

真正的问题是您的 HTML。结构更好：

<div class="counter">
    Number of viewers: <span id="num-viewers">12</span>
</div>

您现在可以直接更新号码：

$('#num-viewers').text('13');

【讨论】：