Question

我希望有一个表/列表，每个行都有一个日期和标题的特定事件，一旦你单击它展开的行，就会显示该事件的照片文档。

我知道使用div会很容易，但我需要日期/标题/等的表格布局。是否有办法对表格执行相同操作，但显示的内容包括所有表格单元格（照片显示在下方，好像所有td已再次合并为一个）？

Answer 1

不太确定你正在尝试做什么，但你可以在每个事件tr下使用额外的tr和display：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();
 });

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

2 个答案: