刪除Div鏈接點擊

Question

我正在做一個代碼，當我想刪除一個div的內部鏈接（「刪除」）被點擊。我知道這個問題可能會重複，我嘗試了很多方法，但沒有成功。我不知道有什麼問題。

這是我的HTML渲染代碼：

<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> 

這是我的JavaScript代碼去除該分區。

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

我也試過以下的javascript：

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

我曾嘗試在另一頁上相同的代碼。它正在工作，但是當我在另一個頁面中應用相同的邏輯時。它不工作。我知道你們都是對的，但我不知道最新的問題。在螢火蟲它甚至沒有進入功能。

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(); 
});