특정 링크를 클릭하면 외부 요소와 외부 요소 내부의 모든 요소를 ​​제거하는 방법은 무엇입니까?

Question

링크를 클릭하면 링크가 포함 된 div (및 그 안의 다른 모든 요소)를 어떻게 제거합니까?

<div class="container"> 
    <div class="inner-container">Content</div> 
    <a class="remove-outer" href="">Link</a> 
</div> 

<div class="container"> 
    <div class="inner-container">Content</div> 
    <a class="remove-outer" href="">Link</a> 
</div> 

<div class="container"> 
    <div class="inner-container">Content</div> 
    <a class="remove-outer" href="">Link</a> 
</div> 

같은 클래스의 div 컨테이너가 3 개 있습니다. 사용자가 링크를 클릭하면 컨테이너 안의 모든 것을 제거합니다. 위의 링크 중 하나를 클릭하면 다음과 같이 표시됩니다.

<div class="container"> 
    <div class="inner-container">Content</div> 
    <a class="remove-outer" href="">Link</a> 
</div> 

<div class="container"> 
    <div class="inner-container">Content</div> 
    <a class="remove-outer" href="">Link</a> 
</div> 

나는 꽤 새로운 페이지입니다. 고유 ID가있는 요소를 제거하는 방법 만 알고 있습니다. 사용자가 링크 중 하나를 클릭하면 모든 컨테이너가 사라지기 때문에 여기서 지식을 적용 할 수 없습니다. 이 같은

Answer 1

.

$(function(){ 
    $("a.remove-outer").click(function(){ 
     $(this).parent().remove(); 
    }); 
}); 

편집 : 새로 추가 한 요소에도 기능이 필요한 경우 live를 사용합니다.

$(function(){ 
    $("a.remove-outer").live("click", function(){ 
     $(this).parent().remove(); 
    }); 
}); 

Answer 2

뭔가를해야한다 :이 그것을해야

$('a.remove-outer').click(function(e) { 
    e.preventDefault(); 

    $(this).closest('.container').remove(); // find the nearest ancestor element with the class container and remove it 
});