html点击按钮 自动增加表格,JQuery实现动态表格点击按钮表格增加一行

JQuery实现动态表格点击按钮表格增加一行

功能实现：点击添加按钮，表格增加一行并给其name属性赋予的值，方便获取

点击删除，自动删除这一行

JQuery中定义一个count变量

var count = 1;

function add() {

var tbl = document.all.ci;

var rows = tbl.rows.length;

var tr = tbl.insertRow(rows);

var e_id = tr.insertCell(0);

e_id.innerHTML = '';

var class_id = tr.insertCell(1);

class_id.innerHTML = '';

var memo = tr.insertCell(2);

memo.innerHTML = '';

var del = tr.insertCell(3);

del.innerHTML = '';

count++;

}

function del(btn) {

var tr = btn.parentElement.parentElement;

var tbl = tr.parentElement;

if (tr.rowIndex >= 1) {

tbl.deleteRow(tr.rowIndex);

} else {

}

};

时间： 2014-08-22

在线演示: http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTableTr/jqueryAutoAddDeleteTableTr_leftClick.html//左键  复制代码 代码如下:

jQuery 动态增删表格

这篇文章主要介绍了如何使用Jquery动态生成二级选项列表,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 想写一个多级联动的选项列表,并且我想要动态生成,但是我看了好多博客看得我晕乎乎的,就自己查了一些jq 的方法自己尝试些了一下,下面放上我实现的效果和源代码 实现效果: 源代码:

基于jQuery表格增加删除代码是一款动态增加删减表格行特效代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: html代码: