在表行重新排序中显示向上/向下按钮

我想知道是否可以让up按钮消失(显示无)如果它是表中的第一行,并且如果它是表中的最后一行,则向下按钮消失.

谢谢!

您可以使用CSS,使用first-child和last-child选择器:

tr:first-child .up, tr:last-child .down {
  display:none;
}

$(document).ready(function() {
  $(".up,.down").click(function() {
    var row = $(this).parents("tr:first");
    if ($(this).is(".up")) {
      row.insertBefore(row.prev());
    } else {
      row.insertAfter(row.next());
    }
  });
});

tr:first-child .up,
tr:last-child .down {
  display: none;
}

  

    
One
    

      Up
      Down
    
  
  

    
Two
    

      Up
      Down
    
  
  

    
Three
    

      Up
      Down
    
  
  

    
Four
    

      Up
      Down
    
  
  

    
Five
    

      Up
      Down