jQuery 或 CSS : replacing the ® mark with ^®

Question

我有这个 HTML 标题:

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

我需要一种方法来通过 CSS 或 jQuery 控制“® ;”标记。据我所知，我认为用 CSS 定位“® ;”是不可能的，是吗？

现在，如果使用 jQuery，我需要在 ^{标签中包含“® ;”，如下所示:}

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

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

我尝试改编 this tutorial但代码将所有单词封装在 标签中。

知道如何实现吗？任何帮助将不胜感激。

谢谢。

Answer 1

普通的 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

我刚刚意识到，哇，这看起来真令人印象深刻

(®)(®)