링크 클릭시 Div 제거

Question

내부 링크 ("Delete")를 클릭하면 div를 삭제하고자하는 코드를 수행하고 있습니다. 나는이 질문이 반복적일지도 모른다는 것을 알고 있으며 나는 많은 방법을 시도했지만 일하지는 않았다. 나는 그 문제가 뭔지 모른다. 다음은 그 사업부의 제거를위한 내 자바 스크립트 코드

<div id="ViewRows"> 
    <br> 
    <div class="ViewRow"> NOS: FA Comment: finance 
     <a class="deleteViewRow" href="#">Delete</a> 
    <br> 
    </div> 
    <div class="ViewRow"> 
     NOS: TPA Comment: Assistance 
     <a class="deleteViewRow" href="#">Delete</a> 
     <br> 
    </div> 
</div> 

입니다 :

은 여기 내 HTML 렌더링 코드입니다.

$("a.deleteViewRow").live("click", function() { 
    $(this).parents("div.ViewRow:first").remove(); 
    return false; 
}); 

는 또한 자바 스크립트 다음 시도 : 나는 다른 페이지에 동일한 코드를 시도

$("#ViewRows").on("click", "a.deleteViewRow", function() { 
    $(this).closest("div.ViewRow").andSelf().remove(); 
    return false; 
}); 

. 그것은 작동하지만 다른 페이지에서 같은 논리를 적용했을 때. 작동하지 않습니다. 나는 당신이 모두 맞다는 것을 알고있다. 그러나 나는 whats 문제를 모르고있다. 방화범이 끌려도 기능에 들어 가지 않습니다.

Answer 1

: http://jsfiddle.net/L2CsH/이

$("#ViewRows").on("click", "a.deleteViewRow", function() { 
    $(this).parent().remove(); 
}); 

Answer 2

링크의 기본 동작을 방지해야합니다. event.preventDefault()

$("#ViewRows").on("click", "a.deleteViewRow", function (e) { 
    e.preventDefault(); 
    $(this).closest("div.ViewRow").remove(); //.andSelf() is not needed here. 
    //return false; 
}); 

데모 : Remove Div JSFiddle

Answer 3

이 작동합니다 :이 간단하면서도 효율적인 코드가 잘 작동

$("#ViewRows").on("click", "a.deleteViewRow", function (e) { 
    // prevent browser from following link 
    e.preventDefault(); 
    // ".andSelf()" can be skipped - once the parent div is removed, the link gets removed as well 
    $(this).closest("div.ViewRow").remove(); 
});