jquery에서 자식 요소가있는 div를 제거합니다.

Question

나는 clink에있는 요소를 사용하여 현재 div를 제거해야하는 메서드가 있습니다. 하지만 아무 것도하지 않습니다. 나는 그것을 위해 고글을 검색하고 다양한 결과를 적용했지만 결과가 없습니다. 누구든지 제발 이걸 좀 도와 주실 래요? !!! 여기 내 요소 제거 링크 >>>

<div class="col-xs-4 pNorPpl" id="pPeople"> 
      <div class="form-group"> 
       <label for="participatedPeopleName"><g:message code="sl" default="সদস্যের নাম" /></label> 
       <g:textField id="participatedPeopleName" name="participatedPeopleName" class="form-control"/> 
       <a onclick="addAnotherNormalPeople()">Add More</a> || 
       <a onclick="removeThisMember()">Remove</a> 
      </div> 
     </div> 

내 제거 기능을 평가하고 있습니다 아래 ::

내 사업부 내 코드 >>>

function removeThisMember(){ 
    $(this).closest('.pNorPpl').remove(); 
} 

Answer 1

이 this의 문맥하지 않는있다 on* 속성을 사용할 때 수행하십시오.

<a onclick="removeThisMember(this)">Remove</a> 

function removeThisMember(el) { 
    $(el).closest('.pNorPpl').remove(); 
} 

또는 당신은 jQuery를 통해 이벤트를 첨부 할 수 있습니다 대신 당신이 그것을 전달해야

<a href="#" class="remove-link">Remove</a> 

$('.pNorPpl').on('click', '.remove-link', function(e) { 
    e.preventDefault(); 
    $(this).closest('.pNotPpl').remove(); 
}); 

Answer 2

이 솔루션을 시도해보십시오 http://jsbin.com/tuniyucuki/1

HTML

<div class="col-xs-4 pNorPpl" id="pPeople"> 
     <div class="form-group"> 
      <label for="participatedPeopleName"><g:message code="sl" default="সদস্যের নাম" /></label> 
      <g:textField id="participatedPeopleName" name="participatedPeopleName" class="form-control"/> 
      <a onclick="addAnotherNormalPeople()">Add More</a> || 
      <a class="removeFromHere" >Remove</a> 
     </div> 
    </div> 

JAVASCRIPT

$(document).ready(function(){ 
    $('.removeFromHere').click(function(){ 
    $(this).closest('.pNorPpl').remove(); 
    }) 
})