javascript - 为一组元素动态分配一个部门

Question

我需要使用作为第一行子代的跨度 ID 隐藏第一行和接下来的 3 行。

<tr>
    <td>
        <div><span id="id_1">Sample</span>
        </div>
    </td>
</tr>
<tr>row2</tr>
<tr>row3</tr>
<tr>row4</tr>
<tr>row5</tr>

当您单击示例时，需要将第 2 行第 3 行和第 4 行与父行一起隐藏。

我试图$("#id_1").parent('tr').hide();用来隐藏包含 span 但它不起作用的 tr。

我怎样才能做到这一点。

score 0 · Accepted Answer

试试这个，

$("#id_1").closest('tr').hide();
$("#id_1").closest('tr').nextAll('tr').hide();

或者

$("#id_1").parents('tr').hide();
$("#id_1").parents('tr').nextAll('tr').hide();

你可以像这样使用它

$("#id_1").closest('table').find('tr').hide();

score 0 · Accepted Answer

我建议：

$('tr td span[id]').click(function(){
    var row = $(this).closest('tr');
    row.nextAll('tr').slice(0,3).add(row).hide();
});

参考：

2 回答 2