jquery - 通过表的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/。