Question

我有一张如下表：

<table border="1" width="400" cellpadding="3" cellspacing="3">
    <tr class="keydown"> <!-- Should this be a class? when down arrow is pressed class="selected" should be applied to this-->
        <td>Table Cell</td>
    </tr>
    <tr class="keydown">
        <td>Table Cell</td>
    </tr>
<table>

当按下向下箭头键（ascii 40 ??或31？）时，我希望选择表格中的第一行，即应该将一个类应用于高亮（即改变bg颜色）。再次按下向下箭头键时，它应该转到下一行。有插件吗？我正在搞乱jQuery，但我对此非常陌生。

jQuery的：

<script type="text/javascript">

$().ready(function() {     
    $('#keydown').keypress(function() {
        $("#keydown").addClass("selected");
    }); 
});

</script>

Answer 1

建议使用keyup来处理这样的事情，哪些关键信息存储在event参数中。此外，您的文档准备不正确：

$(function() { // or use: $(document).ready(function() {
    $('.keydown').keyup(function(e) {
        if (e.keyCode === '40')
            $(this).addClass('selected');
    }); 
});

遍历表行添加类

1 个答案: