Javascript 为什么'；这个jQuery代码段在IE8中是否可以像在Firefox或Chrome中一样工作（包括实时演示）？

我在前面的Stackoverflow上请求过帮助，当鼠标悬停在具有相同类的任何跨度上时，会突出显示具有相同类的跨度

它工作得很好：

下面是一个使用中的示例：

然而，它在IE8中似乎不能正常工作，而在Chrome/Firefox中却能正常工作

这是IE8中的一个截图，我的鼠标悬停在<代码>“min”{ min“< /Cult>节”中间。

正如你所看到的，它突出显示了鼠标悬停的跨度。但是，它也突出显示了它上面和下面的一些随机跨度，这些跨度没有相同的类！只有与鼠标所在的跨度具有相同的类的跨度才应该突出显示为绿色。在这个屏幕截图中，只有中间的绿色部分你应该是绿色的

以下是在Firefox/Chrome中正常工作的屏幕截图，我的鼠标位于完全相同的位置：

此屏幕截图是正确的，因为鼠标所跨越的范围（绿色部分）是此部分中唯一共享该类的区域

为什么IE8在不应该（它们不共享同一个类）的情况下使用我的小jQuery代码段随机地以绿色突出显示跨度

同样，如果你想看现场直播，我这里有：

---

当我在IE8中运行脚本调试器时，您的悬停函数会被多次调用，因为事件会沿着嵌套跨距树向上传播。您尝试过event.stopPropagation（）吗

编辑：事实上，我认为问题在于需要将编码为& gt；and

---

例如，此代码段<代码>公共列表指纹（ListRight，但没有嵌套的跨距。每个跨距在下一个跨距开始之前结束。您已经死定了。这是编码错误的文本，包含<和>。谢谢！

   $('span[class]').hover(
function() {
    $('.' + $(this).attr('class')).css('background-color','green');
},
function() {
    $('.' + $(this).attr('class')).css('background-color','yellow');
}
)