在每個表中查找第一個隱藏行

Question

我只是想同時爲幾個表實現「添加行」功能。

我有隱藏所有行的這些表。當我按下「添加行」按鈕時，我想在每個表中顯示一個新行。我想這是可以做到這一點:hidden和:first-of-type選擇器，但我無法做到這一點...

你知道我在做什麼錯了嗎？

的例子是在這裏 - >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>