jquery中table动态添加的行

jquery中table动态添加的行

比如设置table的id为tab var trHTML = "<tr><td>...</td></tr>" $("#tab").append(trHTML)

;//在table最后面添加一行 $("#tab tr:eq(2)").after(trHTML)

; // 在table的第3行后面添加一行 这样就可以进行动态的添加行了，至于你是通过什么事件来动态添加那就看你自己的意思了，通过button或者div之类的点击事件添加，只要把上面的两行代码放进去就ok，注意，要把var trHTML那行代码放进添加事件里面，不然不管点击多少下，都只能添加一行 $(function() { $(":button").click(function() { var tr = "<tr><td>new</td></tr>"; //$("table").append(tr); $("table tr:eq(2)").after(tr); }); }); 这是我测试用的代码，你可以运行看看

网站制作中TR，TH和TD的区别

tr就是一行。th是一个标的表字段，td是一列例如:<table><tr><th>姓名</th><th>年龄</th><th>性别</th><th>学号</th></tr><tr><td>张三</td><td>18</td><td>男</td><td>123</td></tr><tr><td>张三</td><td>18</td><td>男</td><td>123</td></tr></table>你可以看一下效果。已有还有更多关于phphtml+css+jshtml5+css3+jquerylinuxC#的问题可以联系我1084914120@qq.com