javascript - 在 javascript 中选择特定表格元素的最聪明的方法是什么？

Question

我有一个表格，上面有隐藏的行，就像这样

 -visible-
 -invisible-
 -visible-
 -invisible-

当我点击表格行时，我希望它显示不可见的行。目前我有使用这个功能:

var grid = $('#BillabilityResults');
$(".tbl tr:has(td)").click(
         function () {
             $(grid.rows[$(this).index()+1]).toggle();
         }

但是，如果我单击其中一个(现在可见的)隐藏行，该表也会隐藏可见行。我希望点击功能仅适用于特定的可见行。目前我所有不可见的行都有“偶数”类，所以我想我可以根据它来限制点击。但是，我似乎找不到向我的函数解释它的语法。我该怎么做呢？而且，更重要的是，有没有更好的方法来解决这个问题？

Answer 1

下一步使用:

$(".tbl tr:has(td)").click(
  function () {
    $(this).next().toggle();
  } 
);

如果您有特定的奇数或偶数选择器:

$(".tbl tr.odd").click(
  function () {
    $(this).next().toggle();
  } 
);

但我认为对我的回答的主要帮助是使用 next() 来获取下一行，而不是您正在执行的索引过程。