jquery - jQuery通过buttonclick删除动态行

Question

我有一个表格，其中每一行都有一些信息和一个删除按钮作为单元格，当单击删除按钮时，按钮所在的行应该隐藏（）我该如何解决这个问题？

Answer 1

你肯定使用迭代器来显示行。现在为该 del 按钮/单元格添加一些类并在 jQuery 中编写。

jQuery(".<class name>").click(function (){
    jQuery(this).parent("tr").hide();
});

希望它会奏效。

Answer 2

如果您的 html 如下所示：

<tr><td>Some info</td><td><button>Delete</button></td></tr>

然后你可以把它绑定到按钮的点击事件

$(this).parents("tr").hide();

希望这可以帮助。

Answer 3

你可以这样做：

      <tr>
        <td>Info Here</td><td>Another Info Here</td><td><input type="button" value="Delete Row" class="delete_button"></td>
      </tr>

然后在js文件中：

$(".delete_button").click(function(){
  $(this).parent().parent().hide()
});

只要确保你有jquery。