jQuery//在向下箭头事件上上下移动

Question

我正在尝试复制您可以在 ms access datagrid 中执行的相同事件，您可以在其中使用向上和向下箭头从一行移动。作为一个例子，我只显示了 2 行，但它可能更多。

我有以下 HTML

<div class="cell celldata cell_service_data" id="cell_service_rate_1">
<input type="text" id="rate_service_row_1" class="rate_service_row"/>
</div>
<div class="cell celldata cell_service_data" id="cell_service_rate_2">
    <input type="text" id="rate_service_row_2" class="rate_service_row"/>
</div>

还有 jQuery

$('.rate_service_row').keydown(function (e) {
    var rateId = $(this).attr('id');

  var keyCode = e.keyCode || e.which,
      arrow = {left: 37, up: 38, right: 39, down: 40 };

  switch (keyCode) {
    case arrow.left:
      //..
    break;
    case arrow.up:
      //..
    break;
    case arrow.right:
      //..
    break;
    case arrow.down:
         //Set focus to the same cell next row
    break;
  }
});

所以我的问题是如何在 jquery 中将以下逻辑放入 arrow.down 案例中。
nextcell = cell_service_rate_1 + 1 并且应等于 cell_service_rate_2

Answer 1

如果我理解正确的话，你不能像 i = 1... nextcell = "cell_service_rate"+ i;

编辑使用 parseInt() 这个 jsfiddle做我认为你想做的事。我仍然认为从一开始就使用一些 i 计数器来创建字符串会更优雅。

http://jsfiddle.net/mazlix/byjmF/3/

编辑

和HERE是我认为您应该通过索引(在本例中为“rel”属性)做的更多事情的示例

http://jsfiddle.net/mazlix/byjmF/9/