通過表jquery迭代

我想添加一個行的細節函數到我的表使用jquery。這是我現在面臨的問題，如下圖所示： This is how it looks right now 通過表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>

來源

2012-12-12 Wolf06

爲什麼找到最接近的表體而不是最接近的tr.detailsRow？你所做的基本上是找到最接近的表格，它是整個表格，然後找到該表格中的所有tr.detailsRows。 –

不太清楚它是如何工作的從一個例子中得到它，謝謝你幫我清理它！ – Wolf06

如果你只想在當前操作後，選擇該行，您應該使用next功能：

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

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

來源

2012-12-12 14:29:40

謝謝！它工作完美。我不太清楚代碼中的代碼，謝謝你清理它！ – Wolf06

通過表jquery迭代

回答

相關問題