Javascript 使用JQuery生成HTML，然后使用.HTML（）修改它。可以在FF中使用，但不使用Chrome？

我正在使用JQuery循环插件

该插件生成一个带有编号链接的图像滑块，以便在图像之间切换。我想将编号链接更改为我自己的一些HTML（例如：将“1”更改为“我的字符串”），因此我创建了：

$('#nav a').html(function(i, html) {
    return $.trim(html) == '1' ? '<h2>Lorem</h2>' : html;
    return $.trim(html) == '2' ? '<h2>Dolar Sit</h2>' : html;
    return $.trim(html) == '3' ? '<h2>Amet</h2>' : html;
    return $.trim(html) == '4' ? '<h2>Ipsum</h2>' : html;

});

$（'#nava'）.html（函数（i，html）{
返回$.trim（html）='1'？'Lorem'：html；
return$.trim（html）='2'？'Dolar-Sit'：html；
返回$.trim（html）='3'？'Amet'：html；
返回$.trim（html）='4'？'Ipsum'：html；
});

这在Fire Fox中工作良好，但在Chrome中不起作用。我相信这是因为编号的链接不是原始DOM的一部分，所以Chrome很难找到并修改它

有人知道如何正确地做到这一点吗

编辑：

我在chrome中看到的是：

123445

我在Fire Fox中看到的（以及我想要实现的）是：

Lorem Dolar坐在同侧

---

在第一次

返回之后，您的多个
返回将无法访问。这会导致JS错误。

实现预期目标的简便方法可以是：


$（函数（）{//DOM就绪
变量定义文本={
1:“Lorem”，
2:“多拉坐”，
3:“艾美特”，
4：“同侧”
};
$（'#nav a'）.html（函数（i，html）{
var trHTML=$.trim（html）；
返回定义的文本[trHTML]| | html；
});
});

definedText只是一个对象，用于比较修剪后的HTML。

如果没有找到匹配项，则只返回已经存在的HTML。
导航的内容是什么？内部是否有多个
a
？你想替换里面的东西吗？FireFox输出的Chrome不是什么？您的代码将始终执行第一个return语句。您是否检查了您的逻辑？这与您的问题无关，但您的功能永远不会达到第二、第三或第四级row@ShankarSangoli是-该插件位于上述代码之前，您可以修改它并提供有此问题的链接吗？
$(function(){ // DOM READY

    var definedText = {
        1 : "<h2>Lorem</h2>",
        2 : "<h2>Dolar Sit</h2>",
        3 : "<h2>Amet</h2>",
        4 : "<h2>Ipsum</h2>"
    };

    $('#nav a').html(function(i, html) {

      var trHTML = $.trim(html);
      return definedText[trHTML] || html;

    });

});