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/