javascript - jquery を使用して、jquery で作成された要素の背景を変更する

Question

ページに人のリストの検索結果を表示し、ユーザーがそれらの検索結果の 1 つを選択できるようにしようとしています。

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