Jquery通过表迭代

Question

我正在尝试使用Jquery向我的表添加行详细信息功能。 这是我现在面临的问题，如下图所示：

点击后每行显示行详细信息。我想将它专门分配给一行，点击该行上的“详细信息”按钮。

这是我的Jquery代码：

<script type="text/javascript">
 $(function() {
function details(fn) {
    return function() {
        var r = $(this).closest("tbody").find("tr.detailsRow")[fn]();
        $("tr.detailsRow").not(r).hide();
    };
};
$(".detailsRow").hide();
$detailsButtons = $(".detailsButton").click(details('toggle'));
$detailsButtons.closest("tr").find("input").click(details('show'));
    });
    </script>

Answer 1

如果要在当前行之后选择行，则应使用next函数：

var r = $(this).closest("tr").next("tr.detailsRow")[fn]();

我创造了一些小提琴：http://jsfiddle.net/scaillerie/XM9rz/。