如何在Javascript中设置焦点表行

Question

我有一个用javascript创建的动态表。加载页面时，我想将焦点设置为表格的第一行，并突出显示焦点行以指示为光标。

现在使用箭头键（向上和向下）我想浏览表格的每一行。

感谢您的帮助。

Answer 1

如果您使用的是DataTables，可以使用：

 $(document).ready(function () {
    oTable.find('tbody tr:first').addClass('focused');  
});


oTable.find('tbody tr').click(function() {
    oTable.find('tbody tr').removeClass('focused');
    $(this).addClass('focused');
});

CSS

tr {
    border:1px inset white;
}
tr.focused {
   border:1px solid red; 
}