Wrap every asterix in a span tag

Question

Can anyone share how I could wrap every asterix on a page within an enclosing div.

So that:

Tasty drinks *

Becomes:

Tasty drinks <span class="disclaimer">*</span>

I've tried a few online examples and can get it to work on almost any character except an asterix.

In case you use a regular expression, be aware that `*` is a special character and needs to be escaped, so it becomes `\*`. — Simone, Jun 10 '14 at 20:20
`replace \* with \*` ? thanks to @simone pointing out to escape the special char — isaias-b, Jun 10 '14 at 20:20

score 6 · Answer 1 · edited May 23 '17 at 12:21

6

If you are using jQuery, you could use

$("body").children().each(function() {
    $(this).html($(this).html().replace(/\*/g,"<span class='disclaimer'>*</span>"));
});

Here's a fiddle (Adapted from this question)

edited May 23 '17 at 12:21

Community

answered Jun 10 '14 at 20:21

Brandon Horst

Thanks Brandon. That worked beautifully. I'll try to tweak so it's not dependent on the click. – Peter Jun 11 '14 at 18:37
Please take a second and mark it as the answer if you get the chance, for future viewers. Thank you! – Brandon Horst Jun 11 '14 at 19:12

1 Answers1