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/