체크 체크 박스를 숨기기

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 모든 요소를 ​​숨길 수있는 $('table').hide()를 호출하고 그 결과를 전달할 것입니다

parents 메서드로 변환합니다 (그러나 parents 메서드의 결과는 사용하지 마십시오). 나는 parents 방법에 선택기로 table을 사용하는 것이 무엇인지 당신은 아마 의미 생각 : 당신이 숨기려는 table는 DOM까지 또 다른 table의 후손 인 경우,

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

그러나, 당신은 아마 사용하려면 parentsUntil, 또는 조상을 숨기기 결국 table.

Answer 2

이 작업을 수행 코드에 문제가 몇 가지가 있습니다

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