博客

本文实例讲述了jQuery实现动态添加tr到table的方法。分享给大家供大家参考，具体如下：

运行效果图如下：

完整代码如下：

/p>

“http://www.w3.org/TR/html4/strict.dtd”>

添加用户

$(document).ready(function(){

$(“#addUser”).click(function(){

var name = $(“#name”).val();

var email = $(“#email”).val();

var tel = $(“#tel”).val();

var $tr = $(”

“+

”

“+name+””+

”

“+email+””+

”

“+tel+””+

”

删除

”

+”

“);

var $table = $(“#usertable”);

$table.append($tr);

$tr.children().children().click(function(){

//alert($(domEle).parent().parent().children(“:first”).text());

//方法1.

// $(domEle).parent().parent().remove();

// return false;

//方法2.

return deleteTr($tr);

});

//不能在这里 给每个 加事件 ，每add一次就each一次，会重复弹出confirm

// $(“tr td a”).each(function(index,domEle){

// $(domEle).click(function(){

// //alert($(domEle).parent().parent().children(“:first”).text());

// //方法1.

$(domEle).parent().parent().remove();

return false;

// //方法2.

// return deleteTr($(domEle).parent().parent());

// });

//

// });

});

function deleteTr(aObject) {

var flag = window.confirm(“您确定要删除”+aObject.children(“:first”).text()+”名称的值吗？”);

// alert(flag);

if(!flag){

return false;

} else {

aObject.remove();

return false;

}

return false;

}

})

希望本文所述对大家jQuery程序设计有所帮助。