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

Question

我试图在我的页面上显示搜索结果以列出人员，然后允许用户选择这些搜索结果之一。

我使用jquery创建了一个人表，每行都有一个.searchResult类，并且我想在悬停时突出显示（或更改背景）该行，但它似乎无法按照我的方式工作。

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

JS

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

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

Answer 1

您可以使用纯CSS做到这一点：

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

Answer 2

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

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