Wrap dollar values in a span with jQuery?

Question

I've got a bunch of h4 tags that I want to wrap in a <span class="red"> </span>

Some of the text is like this: $12 and some has a space like $ 5

How can I wrap all instances of $ and the numbers that follow with jQuery?

Let me clarify. I want to have this <h4> this item is <span class="red">$42</span> and on sale</h4>

Answer 1

I would do it with a regular expression. Something like:

var tempString = $("h4").html().replace(/^(.*)(\$\s*\d+)(.*)$/, '$1<span>$2</span>$3');
$("h4").html(tempString);

The regular expression might need some modification depending on your situation. In the second part of the replace, simply put the '$2' inside span tags with the class you want to add.