javascript - 使用 jQuery(或 JavaScript)查找和替换 HTML 特殊字符

Question

几个小时以来，我一直在用头撞墙。

长话短说，我有一个网页吐出以下 HTML:

™ 

当然，该 HTML 无法正确显示，因此我需要动态转换为以下内容以获得正确的商标符号:

™ 

我正在尝试通过 JavaScript 或 jQuery 来实现这一目标。

我在我设置的测试网页上找到了一种在本地工作的解决方案:

$('body').html($('body').html().replace('™','™'));

但问题是，当我将其添加到需要继续运行的实际网站时，它不起作用，而且似乎与正在使用的其他 jQuery 方法存在某种冲突。

我已经无计可施了。任何帮助将不胜感激。谢谢!

---

编辑: 对不起大家...更具体地说，这是一个 WordPress 网站，问题出现在通过此站点地图插件生成的页面上:http://wordpress.org/extend/plugins/sitemap-generator/ .

问题不一定出在那个插件上，而是出在那个插件如何解释带有特殊字符的 WordPress 页面标题上。

有一个我在 WordPress 中创建的页面需要在末尾有一个带有™符号的标题，所以我在 WordPress 页面标题区域添加了

™

到标题文本的末尾。这完全适用于网站的所有方面，除了当这个插件读取标题时将其转换为

™

我想我可以尝试编辑插件以及它如何处理 WordPress 页面标题中的 HTML 特殊字符，但我对 php 的了解并不是非常强大，所以我认为更简单的解决方法是使用 js 操作输出，因为有只有 1 个实例需要修复。

我将尝试下面介绍的解决方案，我会报告结果。

再次感谢!

---

附加编辑:

好的，使用下面发布的解决方案我让它工作了。然而，新代码的放置很重要。当我将它放在 JavaScript 的末尾时，导航栏中的下拉菜单将不起作用。当我将新代码放在 JS 菜单调用之前时，一切似乎都运行良好。

也许这里有人可以阐明为什么我需要在调用导航方法 (superfish) 之前放置这一行新代码。

这是 header 中包含的新 JS。请注意顶部附近以“document.body.innerHTML”开头的新行

<script>
   $(document).ready(function(){ 

        document.body.innerHTML = document.body.innerHTML.replace(/&amp;trade;/g, "&trade;");

        $("ul.sf-menu").supersubs({ 
            minWidth:    12,   // minimum width of sub-menus in em units 
            maxWidth:    27,   // maximum width of sub-menus in em units 
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        }).superfish();  // call supersubs first, then superfish, so that subs are 
                         // not display:none when measuring. Call before initialising 
                         // containing tabs for same reason. 


        // hide #back-top first
        $("#back-top").hide();

        // fade in #back-top
        $(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 100) {
                    $('#back-top').fadeIn();
                } else {
                    $('#back-top').fadeOut();
                }
            });

            // scroll body to 0px on click
            $('#back-top a').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 400);
                return false;
            });
        });


        $('.slideshow').cycle({
            fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            cleartypeNoBg: false // This fix is needed to prevent black pixels from disapeparing during transitions in IE. Must use jquery.cycle.min for this attribute to be supported.
        });



        $(".section_page_list li:last").css({borderBottom: 'none'});

        $(".striped_table td:even").addClass("make_divider");
        $(".striped_table tr:even").addClass("alternate");
        $(".homepage_article_table td:odd").addClass("alternate");
        $(".homepage_article_table tr:last td").css({borderBottom: 'none'});
        $(".striped_table tr:first-child").addClass("first");
        $(".report_table tr:first-child").addClass("first");


        $(".press_table tr:even").addClass("alternate");
        $(".press_table tr:first-child").addClass("first");
        $(".press_table tr td:first-child").addClass("no_border");

    });
</script>

Answer 1

如果是由于 jQuery 冲突，下面应该可以解决它。它是纯 JavaScript 代码。

document.body.innerHTML = document.body.innerHTML.replace(/™/g, "™");

您不能访问页面的服务器端代码吗？如果你有它，那么你最好更改该代码以吐出所需的东西而不是使用 JS。