jquery更改当前行类

Question

我有一个包含行的表。

我想在使用向下键或输入键时突出显示不同的行。我有按键事件工作，但我遇到将当前行更改为原始非突出显示类的问题。

我已经想出如何更改下一行的值，但我需要重置我来自的行中的值。

这是我用来将下一个“TR”更改为突出显示的类的代码：

$(a).closest("tr").next().toggleClass("LUGridRowHighlight");

请告诉我。

更新

我有一个包含5行数据的表。 我的按键代码最终会以5行

向上或向下移动

“a”代表tablerow元素

当我按向下箭头（键代码40）时，我想将当前选择的具有LUGridRowHighlight类的行更改为LUGridRow。然后我想将下面的行更改为高亮类。

现在我所能做的就是将下面的行更改为突出显示的类。我也想改变我来自的行的类。

Answer 1

您可以将所有“非突出显示”行设置为“非突出显示”类：

$('#table_id tr').removeClass("LUGridRowHighlight");

Answer 2

似乎toggleClass返回一个jquery对象，所以你应该能够：

$(a)
  .closest("tr")
  .toggleClass("LUGridRowHighlight")
  .next()
  .toggleClass("LUGridRowHighlight");

或：

$(a)
  .closest("tr")
  .removeClass("LUGridRowHighlight")
  .next()
  .toggleClass("LUGridRowHighlight");

Answer 3

$(a).closest("tr").nextAll("tr").find("tr:first").toggleClass("LUGridRowHighlight");