Jquery 动态追加表元素的绑定

我创建了一个由JSON数据填充的表，因此表中的每一行都是JSON数据。表格布局为

我使用JQuery将元素附加到页面底部的代码中

$('#custServMainTable tbody').append("<tr class='custCell grey'>
<td>info</td></tr>");

尝试的方法

 $('.grey').on("hover", function(event) {
        $(this).css('background-color', '#FDBB73');}, 
        function() {$(this).css('background-color', '#EFEFEF');
    });

我试图突出显示悬停在上的行。我尝试过的方法不起作用。我以前使用过静态创建表的相同代码。我用悬停函数尝试了“on”和“bind”，但运气不好。类似情况的另一个示例建议使用live，但现在已不推荐使用live。其中一个建议是将“on”向上移动一级，但没有取得任何成功。

.on（）

没有悬停选项。您可能想试试：

$('body').on('mouseenter', '.grey', function() {
   $(this).css('background-color', '#FDBB73');}
});
$('body').on('mouseleave', '.grey', function() {
   $(this).css('background-color', '#EFEFEF');
});

.on（）

没有悬停选项。您可能想试试：

$('body').on('mouseenter', '.grey', function() {
   $(this).css('background-color', '#FDBB73');}
});
$('body').on('mouseleave', '.grey', function() {
   $(this).css('background-color', '#EFEFEF');
});

---

更新以显示方法的使用。当动态附加元素时，应在上使用

。@DavidNuckols请查看我的答案。它应该可以解决您的问题。更新后显示在方法使用上。动态附加元素时，您应该在

上使用。@DavidNuckols请查看我的答案。它应该能解决你的问题。