jQuery切换表行

Question

我正在尝试设置一个包含可切换行的表格。

|-------------------------------------|
|  Time | Icon | Name | Toggle Button |
|       |-----------------------------|
|       | Description (toggled)       |
|-------------------------------------|

<table>
    <tr>
        <td rowspan="2" class="time-block">Time</td>
        <td>Icon</td>
        <td>Name</td>
        <td><a href="#" class="toggle-button">Toggle Button</a></td>
    </tr>
    <tr class="description">
        <td colspan="3">Description</td>
    </tr>
</table>

$('.toggle-button').click(function(e){
     e.preventDefault();
     $(this).closest('tr').next('tr').toggle();
 });

此jquery会切换以下tr，但是当它出现时，由于'time'rowspan单元格的td属性，布局会混乱。

我的目标是在函数中添加一行，将rowspan属性更改为“1”。

将$(this).closest('tr td.time').attr('rowspan', '1')添加到该函数不起作用。

非常感谢任何帮助！

Answer 1

$('.time-block').attr('rowspan',1);