1. 首頁
  2. 問答
  3. 遍歷過表中的行添加類

遍歷過表中的行添加類

2011-04-01 35 views
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>

來源

2011-04-01 john mossel

+1

當您標記多個元素時，您應該使用類而不是id。 – Damb 2011-04-01 15:46:28

+0

'

'是非法的，因爲您不允許重複ID。 ID是一次性標識符，請在需要重複使用的類中使用。 – Orbling2011-04-01 15:46:58

+0

元素ID **必須是唯一的，所以是的，**將'id =「keydown」'改爲'class =「keydown」**。 – 2011-04-01 15:47:09

回答

1

我們推薦使用KEYUP這樣的事情，這關鍵的信息被存儲在事件的說法。此外，您的文檔準備不正確：

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

來源

2011-04-01 15:50:01 Eli

相關問題

 相關問題