jQuery删除动态按行单击按钮

时间:2012-04-23 13:19:04

标签: jquery onclick

我有一个表,每行都有一些信息和删除按钮作为单元格,当单击删除按钮时,按钮所在的行应该隐藏()我该如何解决这个问题?

3 个答案:

答案 0 :(得分:1)

当然你使用迭代器来显示行。现在为该del按钮/单元格和jQuery写入添加一些类。

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

希望它能奏效。

答案 1 :(得分:0)

如果你的html看起来像这样:

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

然后你可以将它绑定到按钮的click事件

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

希望这有帮助。

答案 2 :(得分:0)

你可以这样做:

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