在每个表中查找第一个隐藏的行

Question

我只想实现功能＆＃34;添加行＆＃34;同时为几张桌子。

我将这些表隐藏了所有行。当我按下按钮＆＃34;添加行＆＃34;我想在每张表中显示一个新行。我想可以使用:hidden和:first-of-type选择器来实现，但我无法做到这一点......

你知道我做错了什么吗？

示例在这里 - ＆gt; http://jsfiddle.net/WxzfQ/399/

Answer 1

你需要

$('input').click(function(){
    $("table tbody").find('tr:hidden:first').show();
});

演示：Fiddle

当你说table tbody tr:hidden:first-of-type时，它会与tbody的第一行匹配（如果它被隐藏），如果第一行未被隐藏则它与选择器不匹配

Answer 2

$('input').click(function(){    
$("table").each(function(){  $(this).find("tbody tr:hidden:eq(0)").show(); } );
});

Answer 3

你在你的jquery选择器中提到tbody，但你实际上并没有在你的表中有一个tbody元素。此外，您的小提琴使用jQuery 1.4.2，但在1.9中添加了第一个类型。

http://jsfiddle.net/wAGJq/1/

<tbody>
    <tr>
    ...
    </tr>
</tbody>