jquery - Jquery- Hiding all tr except the first one

Question

I want to hide all the tr except the first one. then i want each tr to appear when someone will click on add link.

How can i hide all the table row except the first one.

here is my http://jsfiddle.net/Nx4cD/9/

$( document ).ready(function() {
$(".add").click(function() {
    var
    $this = $(this),
    $row = $this.closest("tr"),
    $rowIndex = $row.index();
    $row.next().show("medium").find("td").eq(0).html($rowIndex+2);
});
$(".delete").click(function() {
    $(this).closest('tr').hide();
});

});

Answer 1

您可以使用以下方法排除第一个元素.not()：

$('table tbody tr').not(':first').hide();

对于选择下一个隐藏tr元素，您可以使用.nextAll()和:hidden选择器：

var $row = $this.closest("tr").nextAll(':hidden').first();

Answer 2

尝试在这里使用JQuery 索引 ：

$(".delete").click(function() {
        var parentRow = $(this).closest('.table > tbody > tr');
        if(parentRow.index() != 0){
            parentRow.hide();
        }  
    });