如何使用jquery擴展表格單元格？

Question

我想要在每一行中都有一個包含日期和標題的特定事件的表格/列表，並且一旦您單擊其展開的行以顯示該事件的照片文檔。

我知道這將很容易使用div，但我需要日期/標題/表格佈局等。 有沒有辦法對錶做同樣的處理，但出現的內容包括所有表格單元格照片出現在下面，就好像所有的td都被合併爲一個）？

Answer 1

不太清楚你到底想要做什麼，但是你可以在每個事件tr下使用一個帶顯示的額外tr：none。然後只需點擊jQuery切換。

Answer 2

我不知道，但你必須像

<table> 
    <tr><td>Data</td><td style="display: none;"><img src=""/></td></tr> 
    <tr><td>Data</td><td style="display: none;"><img src=""/></td></tr> 
    <tr><td>Data</td><td style="display: none;"><img src=""/></td></tr> 
    ... 
</table> 

當用戶點擊行，最後一行變化顯示在例如塊？

如果其真正的，您可以：

$('tr').click(function() { 
    $(this).find('td:last').toggle(); 
});