단추를 클릭하고 단추를 클릭 할 때 해당 단추의 조부모 div를 삭제하는 방법은 무엇입니까?

Question

여기 내 코드가 있습니다.

 <div class="row lead" style="margin-left:100px;color:red"> 
      <div class="col-md-2"><span style="color:red></div> 
      <div class="col-md-2"><span style="color:red"></div> 
      <div class="col-md-2"><span style="color:red"></div> 
      <div class="col-md-2"><span style="color:red"></div> 
       <div class="col-md-3"> 
        <button type="button" class="btn btn-default btn-lg remove"> </button> 
        <button type="button" class="btn btn-default btn-lg"></button>  
        <button type="button" class="btn btn-default btn-lg"></button> 
       </div> 
     </div> 

$(document).ready(function(){ 
     $(".btn.btn-default.btn-lg.remove").click(function(){ 
      $(this).parent().remove(); 
     }); 
    }); 

나는 전체 사업부가 클래스 =의 버튼을 클릭됩니다 "BTN-LG 제거가 BTN 기본 btn을 때"로 삭제하고 싶습니다. 나는 위의 div에 append jquery를 사용하여 동적으로 추가하기 때문에 id를 사용할 수 없다.

Answer 1

당신은 당신이 한 단계 더 얻고 싶은 생각 closest

$(document).ready(function(){ 
    $(".btn.btn-default.btn-lg.remove").click(function(){ 
     $(this).closest('.row').remove(); 
    }); 
}); 

Answer 2

사용 JQuery와의 closest()는

 $(document).ready(function(){ 
    $(".btn.btn-default.btn-lg.remove").click(function(){ 
      $(this).closest(".row.lead").remove(); 
    }); 
}); 

Answer 3

를 사용할 수 있습니까? 전체 div "행 리드"를 삭제합니다.

$(document).ready(function(){ 
     $(".btn.btn-default.btn-lg.remove").click(function(){ 
     $(this).parent().parent().remove(); 
    }); 
    });