I am trying to add <sup></sup>
tags around every ™, ®, © in my page.
I found this question: CSS superscript registration trademark which helped get me started.
The script works in the sense that the tags are being placed in the proper locations, but it is adding two <sup></sup>
tags around each instead of just one.
Here is my JS adding the tags:
jQuery("body").html(
jQuery("body").html().replace(/®/gi, '<sup>®</sup>').replace(/®/gi, '<sup>®</sup>').
replace(/™/gi, '<sup>™</sup>').
replace(/™/gi, '<sup>™</sup>').
replace(/©/gi, '<sup>©</sup>').
replace(/©/gi, '<sup>©</sup>')
);
How can I make sure the tags are only added once per symbol? A conditional of some sort maybe?
Instead of rewriting the entire markup (and removing all bound events), I'd go for something like that:
DEMO: http://jsfiddle.net/QTfxC/
This works for me.
@VisioN's answer didn't work that well for me, although it was facing the right direction. I tweaked it a little bit:
This method makes use of the character hex, instead of using the character code. I looked up the hex on character-codes.com and picked the character hex of the ® character. The value is
AE
so that's how I got to my solution. Let me know if this one worked for you!