如何從我的html頁面中使用Jquery刪除動態元素？

Question

我有我的代碼在這裏 http://jsfiddle.net/NT4Zr/5/

在上面的代碼中，我能夠加入新行，但不能點擊鏈接刪除刪除添加的行。 我該怎麼做？

在零部件部分，我想通過寫文本框中添加的愛好和興趣添加按鈕，它應該反映標記

 <label>Your Hobbies:</label> 

，並單擊刪除按鈕，它應該被刪除。

我該怎麼做？

---

請參考以下鏈接

http://jsfiddle.net/NT4Zr/28/

，因爲它工作得很好，但是當我通過輸入學校名稱，並選擇一年共增加學校將添加具有相同名稱的新元素。 我如何創建像這樣的空白元素http://viralpatel.net/blogs/demo/dynamic-add-delete-row-table-javascript.html

如何將文本框值傳遞給興趣節中的標籤？

Answer 1

由於元素在綁定的click事件不存在，它沒有關聯。 您需要將活動綁定到動態元素。

http://jsfiddle.net/NT4Zr/19/

$('.deleteEl a').live('click', function() { 
    $(this).parent().parent().remove(); 
}); 

Answer 2

事件處理程序沒有得到重視的動態添加元素的DOM嘗試使用live

$('.deleteEl a').live("click",function() { 

DEMO

Answer 3

工作示例使用delegate這裏：http://jsfiddle.net/jkeyes/KYrAE/1/

$("#Education").delegate(".deleteEl a", "click", function(){ 
     $(this).parent().parent().remove(); 
}); 

delegate is more efficient than live。