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

Question

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

我知道这对 div 来说很容易，但我需要日期/标题/等的表格布局。有没有办法对表格做同样的事情，但是出现的内容包括所有表格单元格（照片出现在下面，好像所有 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();
 });