如何使用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();
 });