jquery - 如何使动态创建的表格行可单击

Question

这是应该显示我的搜索结果的表格:

<table id="searchbarresults">

</table>

这是我的 JavaScript:

 jQuery(document).ready(function(){
jQuery("#searchresults").keyup(function(){

 for(i=0;i<searchbarresultarray.length;i++){

           htmloutput= htmloutput+"<tr><td class='searchbarresult' id='"+i+"'>"result"</td></tr>";

            }
    jQuery("#searchresults").html(htmloutput);

});

jQuery(".searchbarresult").mouseover(function(){
      jQuery(this).css( "background-color", "black" ); 
    });
});

这将输出一个包含表行的列表。所有这些都具有“searchbarresult”类和唯一的 id。但这不起作用。是因为表格行是在鼠标悬停事件被 Hook 后创建的吗？我该如何解决这个问题？

Answer 1

尝试

jQuery(document).on('mouseover','.searchbarresult',function(){
    jQuery(this).css( "background-color", "black" ); 
});