遍历表行添加类

发布于 2024-10-29 16:41:42 字数 752 浏览 6 评论 0原文

我有一个如下表：

<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？）时，我希望选择表中的第一行，即应将一个类应用于它突出显示（即更改背景颜色）它。当再次按下向下箭头键时，它应该转到下一行。有这个插件吗？我正在摆弄 jQuery，但我对此完全陌生。

jQuery：

<script type="text/javascript">

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

</script>

原文

I have a table such as the follows:

<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>

As the down arrow key is pressed (ascii 40?? or 31?) I want the first row in the table to be selected, i.e. a class should be applied to it highlight (i.e. change in bg colour) it. When the down arrow key is pressed again it should go to the next row. Is there a plugin for this? I'm messing around with jQuery but I'm a completely new at this.

jQuery:

<script type="text/javascript">

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

</script>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

少女净妖师 2024-11-05 16:41:42

建议使用 keyup 来做这样的事情，关键信息存储在事件参数中。另外，您准备的文档不正确：

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

It's recommended to use keyup for things like this, which key information is stored in the event argument. Also, your document ready isn't correct:

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

回复收藏 0 原文

~没有更多了~