자바 스크립트

Question

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
    e.preventDefault(); $(this).parent('div').remove();x--; 
})  

위 내가 대신 부트 스트랩 그리드 열을

<div class="row"> 
    <div class="col-xs-5"> 
     <div class="newRow">Some Text</div> 
     <div class="col-xs-5"> 
      <div class="newRow"> 
       Some Text Part 2&nbsp;<a href="#" class="remove_field">Remove</a> 
      </div> 
     </div> 
    </div> 
</div> 

을 사용하기 때문입니다 같은

<div class="newRow">Some Text &nbsp;<a href="#" class="remove_field">Remove</a></div> 

그러나 여기에서 문제가 발생하는 동적이었다 사업부를 제거하는 내 자바 스크립트입니다 'div'에 의해 제거의 div 클래스에 의해 제거 싶습니다 = "행" 그래서 그것은 전체 행을 제거합니다. 어떻게 코드를 변경해야합니까?

Answer 1

사용 .closest() 선택 :

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
e.preventDefault(); $(this).closest('.row').remove();x--; 
}) 

Answer 2

당신은

$(document).on("click",".remove_field", function(e){ //user click on remove text 
 
    $(this).parent().parent().parent().parent().remove(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="row"> 
 
    <div class="col-xs-5"> 
 
     <div class="newRow">Some Text</div> 
 
     <div class="col-xs-5"> 
 
      <div class="newRow"> 
 
       Some Text Part 2&nbsp;<a href="#" class="remove_field">Remove</a> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

같은 .parent()를 사용하여 제거 할 수 있습니다