Define numbers in html text using jquery

Question

I want all the numbers in my html text to have a different font size with a different character (or another font or another font or ...). How to determine the symbol of numbers? Is this possible with jquery? Could you help me?

Answer 1

Since you asked for a jQuery solution, I converted @ 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

Answer 2

Using a regular expression, you match numbers that wrap them in the gap with the class. No jQuery required.

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

You can control the design of the number with css:

  .number{ color:red; } 

Demo