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

Using jquery to change background of an element created with Jquery

本文关键字：创建 元素 背景 Jquery jquery 使用      更新时间：2023-09-26

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

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

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

.JS 

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

以下是我如何尝试允许对新创建的 rpws 进行操作的 jsfidd：http://jsfiddle.net/uxWwZ/

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

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

http://jsfiddle.net/mblase75/6Pme2/

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

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