隐藏选中复选框

Question

我在复选框中有一个表格，我想要的是，当选中复选框并按下删除按钮时，表格必须隐藏。所以我尝试了这个：

$('deleteButton').click(function() 
{
    $('input:checkbox:checked').parents($('table').hide());
});

但它没有用，我希望有人可以帮我解决这个问题吗？

提前致谢！

Answer 1

您的代码存在一些问题。首先，您的deleteButton选择器会匹配名为<deleteButton>的元素，这显然无效。我猜你的意思是id选择器（#deleteButton）或类选择器（.deleteButton）。

其次，此行会隐藏您网页上的所有table元素：

$('input:checkbox:checked').parents($('table').hide());

原因是你调用$('table').hide()，它会隐藏所有table元素，并将结果传递给parents方法（但不会对结果做任何处理） parents方法）我认为您可能想要的是使用table作为parents方法的选择器：

$('input:checkbox:checked').parents("table").hide();

但是，如果您要隐藏的table是DOM的另一个table的后代，您可能想要使用parentsUntil，否则您最终会隐藏祖先table也是。

Answer 2

这是否有效：

    $('deleteButton').click(function() 
{
    $('input['yourcheckboxname']:checked').parents('table').hide();
});