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/。