1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js 表格动态增加行通用函数

js 表格动态增加行通用函数

时间:2021-09-08 10:43:30

相关推荐

js 表格动态增加行通用函数

独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Document</title><scriptsrc="jquery.js"></script><style>td{height:30px;border:1pxsolid#000;}</style></head><body><tablewidth="100%"cellpadding="0"cellspacing="0"style="border-collapse:collapse;"id="modifytable1"><tbody><tr><td>日期</td><td>时间</td><td>登记人</td></tr><tr><td>日期</td><td>时间</td><td>登记人</td></tr><tr><td>日期1</td><td>时间</td><td>登记人</td></tr></tbody></table><buttononclick="addRow(this)">添加1</button><tablewidth="100%"cellpadding="0"cellspacing="0"style="border-collapse:collapse;"id="modifytable2"><tbody><tr><td>日期</td><td>时间</td><td>登记人</td></tr><tr><td>日期</td><td>时间</td><td>登记人</td></tr><tr><td>日期2</td><td>时间</td><td>登记人</td></tr></tbody></table><buttononclick="addRow(this)">添加2</button><tablewidth="100%"cellpadding="0"cellspacing="0"style="border-collapse:collapse;"id="modifytable3"><tbody><tr><td>日期</td><td>时间</td><td>登记人</td></tr><tr><td>日期</td><td>时间</td><td>登记人</td></tr><tr><td>日期3</td><td>时间</td><td>登记人</td></tr><tr><td>日期4</td><td>时间</td><td>登记人</td></tr><tr><td>日期5</td><td>时间</td><td>登记人</td></tr></tbody></table><buttononclick="addRow(this)">添加2</button><script>functionaddRow(obj){vartd_i=0;vartd_str='';td_i=$(obj).prev().children().children().last().children().length;console.log(td_i);for(vari=0;i<td_i;i++){td_str=td_str+'<td></td>';};td_str='<tr>'+td_str+'</tr>';$(obj).prev().children().children().last().after(td_str);td_str='';td_i=0;}</script></body></html>删除(按钮在表格行内):functiondeleterowok(obj){$(obj).closest("tr").remove();}functionchangenumber(){for(i=0;i<$('.class_td_audit_number').length;i++){$('.class_td_audit_number')[i].innerHTML=(i+1);}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。