JQuery动态增加表格行，但是无法获取新增行的属性

Question

jqueryjavascript

Answer 1

动态元素不能用 click 绑定，要用 on 绑定

Answer 2

你给出供测试代码不全你那个id='insert'的元素在你的html哪里啊

Answer 3

var td_delete = $("<td width='2%'>").text("<a href='javascript:void(0);' onclick='deleteTr(this)'");js：
function deleteTr(obj){
alert("您确定要删除所选行？")
         $(obj).parent().parent().remove(); 
}

Answer 4

版主你好！根据你的提示，我做了如下修改
$(function() {
$("#insert").click(function() {
var td_delete = $("<td width='2%' class='delete'>").text("删");
var td_material = $("<td>").text($("#material").find("option:selected").text());
var td_profession = $("<td>").text($("#profession").find("option:selected").text());
var td_category = $("<td>").text($("#category").find("option:selected").text()); var tr = $("<tr>")
var table = $("table:last tr:last");
tr.append(td_delete).append(td_material).append(td_profession).append(td_category);
table.before(tr); });

$(".delete").on("click",function(){
alert("abd");
})

})但是还是没有效果，新增的行无法获取到

Answer 5

  $(".delete").live("click",function(){
        alert("abd");
    })

Answer 6

不好意思！我用的是jquery-2.1.1.js，不支持live这个方法了

Answer 7

    $(document).on("click", ".delete", function(){
        alert("abd");
    })