我有一个这样的表,所有行的结构都像第一个数据行
<table id='table1'>
<thead>
<tr>...table headers...</tr>
</thead>
<tr>
<td>xyz</td>
<td>
<table><tr></tr></table>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
...
...
</table>
表格内的所有内容都有一些文字和图片。
最初,我使用
$('#table1').find("tr:gt(0)").hide();
隐藏除标题之外的所有内容
现在我想从第1行到第15行选择说明并取消隐藏它们。从另一篇文章中,我知道我可以使用
$('#table1').children('tr').slice(1,15)
找到这些行,但是当我想使用
$('#table1').children('tr').slice(1,15).show(1000);
表格内的所有内容仍然没有显示,但是文字“xyz”显示我错过了什么?
答案 0 :(得分:1)
tr
不是表的.children
,而是后代,因为它们位于隐式创建的tbody
元素中。试试.children()
tbody
$('#table1 > tbody').children().hide();
$('#table1 > tbody').children().slice(1, 15).show(1000);