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/

jquery hide / show table / tr questions

1 个答案: