JQuery追加一列tr到table中
生活随笔
收集整理的這篇文章主要介紹了
JQuery追加一列tr到table中
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
jQuery 添加新內(nèi)容有以下四個方法:
-
append() - 在被選元素的結(jié)尾插入內(nèi)容
-
prepend() - 在被選元素的開頭插入內(nèi)容
-
after() - 在被選元素之后插入內(nèi)容
-
before() - 在被選元素之前插入內(nèi)容
下面實例演示:點擊按鈕則在表格數(shù)據(jù)區(qū)域增加一行
1、HTML結(jié)構(gòu)
<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>'); ????}); });
轉(zhuǎn):電腦網(wǎng)絡(luò)分類達人 王能盼推薦
總結(jié)
以上是生活随笔為你收集整理的JQuery追加一列tr到table中的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 手机充电器电路图应用讲解
- 下一篇: [洛谷3041]视频游戏的连击Video