从表中删除行

时间:2013-08-23 05:25:47

标签: jquery html-table

我尝试删除点击最后'td'的行,除第二行外,每行包含“.del”类。 检查此link以获取代码演示

请帮我纠正代码

jQuery(".del").click(function () {
    jQuery(this).closest("tr:not(':first')").remove();
    //jQuery(this).closest("tr").remove();
});

3 个答案:

答案 0 :(得分:3)

您可以尝试:

jQuery(".del").click(function() {
     jQuery(this).closest("tr:not(':first-child')").remove();
});

jQuery(this).closest("tr:not(':first')") - 这实际上是“选择最接近的tr,正好是1个元素,然后从集合中删除:first元素,即不留”。

答案 1 :(得分:0)

尝试

jQuery("tr:not(:first-child) .del").click(function() {
    jQuery(this).closest("tr").remove();
    //jQuery(this).closest("tr").remove();
});

答案 2 :(得分:0)

 jQuery(".del").click(function() {
  $tr = jQuery(this).closest("tr");
  if(!$tr.is(':first-child')) {
   $tr.remove();
  }
 });