導航到每個TR輸入框通過箭頭按鍵上下

Question

$(document).keypress(hover); 

function hover(e) { 

    var lent = $(".edit_tr").length; //8 
    var sid = $('.edit_tr').attr('id'); 
    var x = parseInt(sid) + lent; 
    if (stat == false) { 
     var sid = parseInt(sid) + 1; 
    } 
    switch (e.keyCode) { //down 

     case 40: 

      $("#last_" + sid).hide(); 
      $("#last_input_" + sid).show(); 
      $("#sub_input_" + sid).show(); 
      $("#sub_" + sid).hide(); 
      $("#sub_input_" + sid).focus(); 

      var stat = false; 
      break; 

     case 38: 
      //up 

      $("#last_" + sid).show(); 
      $("#last_input_" + sid).hide(); 
      $("#sub_input_" + sid).hide(); 
      $("#sub_" + sid).show(); 
      $("#sub_input_" + sid).blur(); 
      break; 
    } 
} 

我想通過按鍵箭頭導航/並在每個TR的輸入文本下來，我怎麼可以瀏覽他們的基礎上從TR的ID？我是新來的jquery

Answer 1

爲了移動，這很簡單。

要移動起來：

case 38: 
     //up 

     $("#last_" + sid).show(); 
     $("#last_input_" + sid).hide(); 
     $("#sub_input_" + sid).hide(); 
     $("#sub_" + sid).show(); 
     $("#sub_input_" + sid).blur(); 
     $("#idtomove").css('margin-top','-=10px'); 
     break; 

在這段代碼中，我減少頂部的利潤率10px的所以每次你按下了按鈕，那麼div會由10個像素向上移動;最下面的一個，移動你想要移動10px的項目;

case 40: 

      $("#last_" + sid).hide(); 
      $("#last_input_" + sid).show(); 
      $("#sub_input_" + sid).show(); 
      $("#sub_" + sid).hide(); 
      $("#sub_input_" + sid).focus(); 
      $("#idtomove").css('margin-top','+=10px'); 
      var stat = false; 
      break;