jquery动态往tr追加html,jQuery实现动态添加tr到table的方法

/p>

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

添加用户

添加用户:

姓名:

email:

电话:

提交

---

姓名	email	电话
Tom	tom@tom.com	5000	Delete
Jerry	jerry@sohu.com	8000	Delete

$(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;

}

})

本文仅代表作者个人观点，不代表SEO研究协会网官方发声，对观点有疑义请先联系作者本人进行修改，若内容非法请联系平台管理员，邮箱cxb5918@163.com。更多相关资讯，请到SEO研究协会网www.seoxiehui.cn学习互联网营销技术请到巨推学院www.jutuiedu.com。