需要CSS选择器来选择表中的NEXT行

时间:2014-01-28 20:21:01

标签: jquery css html-table

我简化了如下所示的情况:

 <table>
  ...
  <tr><td>....</td><td><button...>delete</button></td></tr>
  <tr><td>somestuff</td><td>some other stuff</td></tr>

 </table>

单击删除按钮,我使用以下命令删除该行:

  $(this).closest('tr').remove();

我的问题是,如何在下一行使用一些CSS选择器删除下一行。 我通过为每一行使用一个运行的id号进行解决,选择已删除的id的id#,递增它然后用它来删除下一行,但我认为必须有一些CSS选择器来选择下一行行。

3 个答案:

答案 0 :(得分:2)

立即删除两者:

$(this).closest('tr').next().addBack().remove();

.addBack()替换jQuery 1.8及更高版本的.andSelf()

答案 1 :(得分:1)

    $(this).closest('tr').next('tr').remove();
  $(this).closest('tr').remove();

答案 2 :(得分:0)

最好的办法是分开查找行并删除它们 - 否则会产生无法预测的结果。

var rowA = $(this).closest('tr');
var rowB = rowA.next();

rowA.remove();
rowB.remove();