jQuery或CSS：用&reg替换®mark;

我有这个 HTML标题：

<h1>Time Matters&reg;</h1> (equals to: Time Matters®)

我需要一种方法来控制’& reg;’用CSS或jQuery标记.据我所知,我认为不可能以’& reg;’为目标.用CSS,有吗？

现在,如果使用jQuery,我需要附上’& reg;’在< sup>标签,像这样：

<h1>Time Matters<sup>&reg;</sup></h1>

…这样我就可以通过CSS定位元素了.

我尝试调整this tutorial,但代码封装了< span>标签.

知道怎么做到这一点？任何帮助将不胜感激.

谢谢.

解决方法

一个普通的Javascript String .replace()应该这样做：

$(function() {
    $('h1').each(function(i,elem) {
        $(elem).html(function(i,html) {
            return html.replace(/(®)/,"<sup>$1</sup>");
        });
    });
});

示例：http://www.jsfiddle.net/4yUqL/24/

// off-topic

我才意识到这一点,哇这看起来非常令人印象深刻

(®)(®)