jQuery在多个表中逐个查找下一个或上一个表

时间:2015-11-08 23:29:51

标签: jquery

如何在多个表中选择上一个或下一个表行?

我使用带箭头键的keydown()来选择表格行并依次突出显示每一行。

使用nextAll()在一个表中这很简单,但是如何继续下面或下面的下一个表呢?

选择行的表格深度为两级:

<table id="releaseTable">
  <tr>
    <td>
      <table id="table1">
        <tr>
          <td></td>
        </tr>
        <tr>
          <td>
            <table>
              <tr>
                <td class="track">Row to select</td>
                <td class="track">Row to select</td>
                <td class="track">Row to select</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <table id="table2">
        <tr>
          <td></td>
        </tr>
        <tr>
          <td>
            <table>
              <tr>
                <td class="track">Row to select</td>
                <td class="track">Row to select</td>
                <td class="track">Row to select</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:0)

这有效:

var next = false;
$('.track').each(function() {
    if(next == true) {
        focusedRow = $(this);
        focusedRow.toggleClass('focused');
        next = 2;
    }                   
    if($(this).hasClass('focused') && next != 2) {
        next = true;
        focusedRow.toggleClass('focused');
    }
});

如果您想知道为什么我不回复&#39;在循环中,这是因为此代码必须继续执行其他代码。

选择上一行是类似的。