隱藏選中複選框

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是另一個table進一步與DOM的後裔，你可能想使用parentsUntil，否則你最終也會隱藏祖先table。

Answer 2

這是否工作：

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