jQuery를 사용하여 조상 트리를 삭제할 수 없습니다.

Question

체크 박스가 선택된 양식에서 내 html 테이블의 행을 삭제하려고합니다. 여기

<table> 
     <tr class="row"> 
      <td><input type="text"></td> 
      <td><input type="checkbox" value="Delete" name="foo"/></td> 
     </tr> 
     <tr class="row"> 
      <td><input type="text"></td> 
      <td><input type="checkbox" value="Delete" name="foo"/></td> 
     </tr> 
</table> 
<input type="button" id="btnDelete" value="Remove Selected"/> 

내 JQuery와 스크립트입니다 : 가 여기 내 HTML 인 btnDelete을 클릭에 지금

$(function() { 
     $('#btnDelete').on('click', function() { 
      ; 
      $('input[name=foo]').each(function (i, obj) { 

       if (obj.checked) { 
        alert("clicked!!" + i + " " + jQuery.type(obj)); 
        obj.parents().eq(1).empty(); 
       } 
      }); 
     }); 

    }); 

경고가 할아버지 요소를 됐네요 같이, 스크립트 (즉 <tr>를)입니다 호출 자식이 삭제되면서 비워지지 않습니다. 따라서 병원성 선이 될 것으로 보인다 :

obj.parents().eq(1).empty(); 

그래서 어떻게 그 누구의 체크 박스를 체크 모든 자식 노드와 함께 테이블 행 (. 즉 <tr>)을 제거해야합니까?

Answer 1

당신은

$(function() { 
    $('#btnDelete').on('click', function() { 
     $('tr').has('input[name=foo]:checked').remove(); 
    }); 

}); 

Answer 2

왜 간단하게이 시도하지 $(obj).closest('tr').empty(); (감사에서 nnnnnn)를보십시오 : http://jsfiddle.net/H9WL7/

$(function() { 
    $('#btnDelete').on('click', function() { 
     $('input[name=foo]').each(function() { 
      if ($(this).is(":checked")) { 
       $(this).closest('tr').empty(); 
      } 
     }); 
    }); 
}); 

Answer 3

obj 변수는 DOM 요소에 대한 참조입니다, 그것은 jQuery를 객체 아니다. 이것을 시도하십시오 :

$(obj).parents().eq(1).empty(); 

... 기존 코드를 작동 시키려면. 또는 더 나은 :

$(obj).closest('tr').remove(); 

주 .empty() 즉, TR 요소 자체를 제거하지 않습니다, 단지의 모든 콘텐츠를 제거, 그래서 나는 .remove()을 제안한다.

데모 : http://jsfiddle.net/TWL2E/