jQuery 添加新內(nèi)容有以下四個(gè)方法：

• append() - 在被選元素的結(jié)尾插入內(nèi)容

• prepend() - 在被選元素的開頭插入內(nèi)容

• after() - 在被選元素之后插入內(nèi)容

• before() - 在被選元素之前插入內(nèi)容

下面實(shí)例演示：點(diǎn)擊按鈕則在表格數(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ò)分類達(dá)人 王能盼推薦

總結(jié)

以上是生活随笔為你收集整理的JQuery追加一列tr到table中的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。