从表中删除行

时间:2018-06-11 15:22:23

标签: jquery

我有一个用户可以删除行的表

删除时,如果只有一行, 我需要动态删除擦除按钮

这样用户就无法删除所有行

我试过以下

$(".butnBorrar").click(function(event){

   if($("#MyTable tr").length==2)
   {
    $(this).find('td:last-child').remove();
   }
   else
   {
  $(this).closest('tr').remove();
  }
});

https://jsfiddle.net/44avhkas/33/

你可以告诉我怎么做吗?因此,对于最后一行,将以动态删除擦除按钮

2 个答案:

答案 0 :(得分:1)

请试试这个。

如果计数为2,则在删除第2行到最后一行后删除单元格。这不是IF / ELSE条件。

$(".butnBorrar").click(function(event){


  $(this).closest('tr').remove();
  if($("#MyTable tr").length==2) // accounts for table header
  {
    //window.alert("In Here");
        $("#MyTable tr").find('td:last-child').remove();
  }

});

答案 1 :(得分:0)

$(".butnBorrar").click(function(event) {
    //test the number or rows on tbody only
    if($("#MyTable tbody tr").length <= 1) {
        //use closest to get the parent tr
        //then hide the button
        $(this).closest('tr').find('td.total button').hide();
    }
    else {
        //else remove row
        $(this).closest('tr').remove();
    }
});