javascript - jquery隐藏/显示表/ tr问题

Question

我有一个表格，每行都有链接，下面会有一个隐藏的行，点击链接后应该打开

<tr>
    <td>
      <a href="" class="link_1">03/09/3012</a>
    </td>
    <td>
    </td>
    <td>
        £66.36
    </td>
    <td>
        -£628.74
    </td>
</tr>
<tr style="display:none;" id="desc_1">
    <td colspan="4">
        Housing Benefit Direct
    </td>
</tr>

我正在寻找 jquery，以便与类 link_x 的任何链接都将切换行 desc_x

有人可以帮忙吗？

Answer 1

删除id标记中的类名部分：

<a href="" class="link">03/09/3012</a>

和

<tr style="display:none;" class="desc">

然后使用这个 JS：

$(".link").click(function(e){
    e.preventDefault();
    $(this).parents("tr").next("tr").show();
});

JS 小提琴：http: //jsfiddle.net/3RJJe/2/