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

Question

我想要一個表/列表，其中每行中都有一個帶有日期和標題的特定事件，一旦單擊該行，它將展開以顯示該事件的照片文檔。

我知道使用divs會很容易，但是我需要使用表格布局來顯示日期/標題/等。是否可以對表格進行相同的操作，但是出現的“內容”包括所有表格單元格（照片顯示在下方，好像所有的TD都重新組合成一個）？

Answer 1

不太清楚您要嘗試執行的操作是什么，但是可以在每個事件tr下使用帶有display：none的額外tr。 然后只需單擊一下即可使用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();
 });