javascript - 使用 jquery 更改使用 jquery 创建的元素的背景

Question

我正在尝试在我的页面上显示人员列表的搜索结果，然后允许用户选择其中一个搜索结果。

我使用 jquery 创建了一个人员表，其中每一行都有一个类，.searchResult我想在悬停时突出显示（或更改背景）该行，但它似乎不像我这样做的方式工作。

是否存在问题，因为它们是我在页面加载后创建的行？或者更改行的背景颜色是否存在问题？

JS

$(function(){
    $('.searchResult').hover(function(){
        $(this).css('background-color', '#ff0')
    });
});

这是一个关于我如何尝试允许对新创建的 rpws 执行操作的 jsfiddle：http: //jsfiddle.net/uxWwZ/

score 3 · Accepted Answer

你可以用纯 CSS 做到这一点：

.searchResult:hover td {
    background-color: #ff0;
}

score 1 · Accepted Answer

我建议使用 CSS 答案，但如果您必须使用 JQuery，则需要使用委托，因为它们是在页面加载后添加的。

$(function(){
    $(body).on('hover','.searchResult',function(){
        $(this).css('background-color', '#ff0')
    });
});

2 回答 2