jQuery实现表格元素动态创建功能

Jquery实现表格元素的动态创建，本质是通过构造一个师节点节点，并且拼接到表格的师树上的子叶位置。

超文本标记语言正文：

用户：输入类型="text"id="user "/邮箱：输入类型='text' id='mail'/手机：输入类型=' text ' id=' phone '/brbutton id=' B1 '添加/button brtable border=1 id=' table ' TRT user/TDT mail/TDT phone/TDT operation/TD/trtdzhansan/tdtd[email protected]/TDT d 25652463/TDT da href=' # ' delete/a/TD/tr/table JavaScript处理代码：

$('#b1 ').click(function(){ var $ user=$(' # user ')；var $ mail=$(' # mail ')；var $ phone=$(' # phone ')；//组装对象$ tr=$(' tr/tr ')；$ td1=$(' TD/TD ')；$ td1。文本($ user)。val())；$ td2=$(' TD/TD ')；$ td2。文本($ mail)。val())；$ td3=$(' TD/TD ')；$ td3。短信($ phone)。val())；$ td4=$(' TD/TD ')；$ href=$(' a/a ')；$href.attr('href '，' # # ')；$ href。文本(' delete ')；$ td4。追加($ href)；$ href。点击(function(){ if(window。确认(')确定删除？')){ //这里使用这表示当前事件绑定对象- ?$(这个)不能用$(href)代替，否则会认为每次都是最新对象，原有对象的行为不能保存$(这个)。父项()。父项()。移除();} else { return } })；$('#table ').追加($ tr)；$ tr。追加($ td1)；$ tr。追加($ td2)；$ tr。追加($ td3)；$ tr。追加($ td4)；});效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。