jQuery按钮删除动态行按钮

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的。