如何让我的内表展示?

时间:2012-07-31 18:52:56

标签: javascript jquery

我有一个这样的表,所有行的结构都像第一个数据行

<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”显示我错过了什么?

1 个答案:

答案 0 :(得分:1)

tr不是表的.children,而是后代,因为它们位于隐式创建的tbody元素中。试试.children()

tbody

http://jsfiddle.net/utmXa/4/

$('#table1 > tbody').children().hide();
$('#table1 > tbody').children().slice(1, 15).show(1000);