jquery - 使用 jquery 在 html 文本中定义数字

Question

我希望我的 html 文本中的所有数字与其他字符（或不同的字体系列或不同的字体粗细或......）具有不同的字体大小。如何定义数字字符？这可以用jquery吗？你能帮助我吗？！

Answer 1

使用正则表达式，您可以匹配数字并将它们包装在一个带有类的跨度中。不需要jquery。

    string.replace(/\d+/g,function(match){
    return "<span class='number'>" + match + "</span>"})

您可以使用 css 控制数字设计：

 .number{
   color:red;
   }

演示

Answer 2

由于您要求提供 JQuery 解决方案，因此我将 @raam86 的答案转换为 jQuery，如下所示：

$("div").html($("div").text().replace(/\d+/g, 
    function(m){ return "<span class='number'>" + m + "</span>" }));

演示