使用jQuery基于另一行中的td单元隐藏表中的行

Question

这是表格：

<tr>
 <td id="test123" align="center" rowspan="6" style="padding-right:50px;padding-left:20px;">test123</td>
 <td rowspan="6">
 <td rowspan="6">
 <td rowspan="6">
 <td rowspan="4" style="display: none;">
 <td colspan="9">
</tr>
<tr> <---- HIDE THIS ROW

我知道如何选择id = test123以及如何使用.parent和jQuery隐藏行，但是如何隐藏你正在使用的选择器下面的东西？

Answer 1

使用.next()方法。

$("tr:has('#test123')").next().hide();

Answer 2

你可以这样做：

$('#test123').parent('tr').next().hide();

Answer 3

试试这个：

$('#test123').closest('tr').next().hide();