JQuery追加一列tr到table中

jQuery 添加新内容有以下四个方法：

• append() - 在被选元素的结尾插入内容

• prepend() - 在被选元素的开头插入内容

• after() - 在被选元素之后插入内容

• before() - 在被选元素之前插入内容

下面实例演示：点击按钮则在表格数据区域增加一行

1、HTML结构

<table id = "test">     <thead>         <tr><th>列1</th><th>列2</th><th>列3</th></tr>     </thead>     <tbody>         <tr><td>1</td><td>1</td><td>2</td></tr>         <tr><td>2</td><td>4</td><td>5</td></tr>     </tbody>      </table> <input type="button" id="btn1" value="在开头增加"> <input type="button" id="btn2" value="在末尾增加">

2、jquery代码

$(function(){     $("#btn1").click(function() {         $("#test tbody").prepend('<tr><td></td><td></td><td></td></tr>');     });     $("#btn2").click(function() {         $("#test tbody").append('<tr><td></td><td></td><td></td></tr>');     }); });

转：电脑网络分类达人 王能盼推荐

总结

以上是生活随笔为你收集整理的JQuery追加一列tr到table中的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。