如何使用Jquery扩展表单元格?

如何使用Jquery扩展表单元格?,jquery,html-table,expand,Jquery,Html Table,Expand,我希望有一个表/列表,其中每行都有一个特定的事件,带有日期和标题,一旦单击该行,它将展开以显示该事件的照片文档 我知道这对div来说很容易,但我需要日期/标题等的表格布局。 有没有一种方法可以对表格执行相同的操作,但显示的内容包括所有表格单元格(照片显示在下面,好像所有td都被合并到一个单元格中)?不太清楚您到底想做什么,但是您可以在每个事件tr下使用一个额外的tr和display:none。然后在单击时用jQuery切换它。我不确定,但您有类似的 <table> <t

我希望有一个表/列表,其中每行都有一个特定的事件,带有日期和标题,一旦单击该行,它将展开以显示该事件的照片文档

我知道这对div来说很容易,但我需要日期/标题等的表格布局。
有没有一种方法可以对表格执行相同的操作,但显示的内容包括所有表格单元格(照片显示在下面,好像所有td都被合并到一个单元格中)?

不太清楚您到底想做什么,但是您可以在每个事件tr下使用一个额外的tr和display:none。然后在单击时用jQuery切换它。

我不确定,但您有类似的

 <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();
 });