jquery 怎麼增加一行

jquery增加一行

的方法：1、新建一個html檔案；2、使用table標籤建立表格；3、建立addonetr()函數；4、透過「id(testtb)」取得表格物件；5、使用append()方法為表格增加一行即可。

#本文操作環境：Windows7系統、jquery3 .2.1版、DELL G3電腦

jquery 怎麼增加一行?

jquery動態為指定的table加上一行tr:

新建一個html文件，命名為test.html，用於講解jquery動態為指定的table添加一行tr。

在test.html檔案內，使用table標籤，tr標籤，td標籤建立一個兩行兩列的表格，下面將給該table動態新增一行。

在test.html檔案內，設定table標籤的id為testtd，主要用於下面透過該id取得table物件。

在test.html檔案內，使用button標籤建立一個按鈕，按鈕名稱為「新增一行tr」。

在test.html檔案中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行addonetr（）函數。

在js標籤中，建立addonetr()函數，在函數內，定義一個變數html，用於保存需要增加的表格行。透過id(testtb)取得表格對象，使用append()方法為表格增加一行。

在瀏覽器中開啟test.html文件，點擊按鈕，查看實現的效果。

推薦學習：《jquery影片教學》

以上是jquery 怎麼增加一行的詳細內容。更多資訊請關注PHP中文網其他相關文章！