Question

If a div has a class of ‘motto’ and within that div it says, “Celebrating 24 years in the business!” I’d like a script that finds any number mentioned in that div (because it could change next year to 25 for example, and so forth, hence I’m not wanting to get the number specifically), I’d like it to add a span with a class to it. Possible?

The reason is that it pulls this text from the WordPress ‘description’ in settings, so I can’t directly put the number in a span. Thanks!

Answer 1

You can do it messily with some string manipulation:

var motto = $('.motto'),
    num = motto.text().match(/\d+/), // regex matching digits
    text = motto.text().replace(num, '<span class="num">'+num+'</span>');

motto.html(text);

demo: http://jsbin.com/uxuhuv/1/edit