javascript - 如何在 Javascript 中设置焦点表行

Question

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

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

感谢您的帮助。

Answer 1

如果您正在使用数据表，您可以使用:

 $(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; 
}