Define numbers in a html text with jquery

Question

I want to all numbers in my html text have different font-size with other character (or different font-family or different font-weight or ...). How to define numbers character? Is this possible with jquery? Can you help me?!

Answer 1

Using regex you match the numbers an wrap them in a span with a class. No jquery needed.

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

You can control the number design with css:

 .number{
   color:red;
   }

Demo

Answer 2

Since you asked for a JQuery solution, I transformed @raam86 's answer to jQuery, it looks like this:

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

Demo