jquery怎么增加一行tr

本篇內(nèi)容介紹了“jquery怎么增加一行tr”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

在jquery中，可以使用append()方法增加一行tr，該方法的作用是在指定元素對象末尾添加新的元素，語法為“表格對象.append(<tr>...</tr>)”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

jquery增加一行<tr>的方法

1、新建一個html文件，命名為test.html，用于講解jquery動態(tài)給指定的table添加一行tr。在test.html文件內(nèi)，使用table標(biāo)簽，tr標(biāo)簽，td標(biāo)簽創(chuàng)建一個兩行兩列的表格，下面將給該table動態(tài)添加一行。

在test.html文件內(nèi)，設(shè)置table標(biāo)簽的id為testtd，主要用于下面通過該id獲得table對象。在test.html文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個按鈕，按鈕名稱為“添加一行tr”。在test.html文件中，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時，執(zhí)行addonetr（）函數(shù)。

2、在js標(biāo)簽中，創(chuàng)建addonetr()函數(shù)，在函數(shù)內(nèi)，定義一個變量html，用于保存需要增加的表格行。通過id(testtb)獲得表格對象，使用append()方法給表格增加一行。

在瀏覽器打開test.html文件，點(diǎn)擊按鈕，查看實(shí)現(xiàn)的效果。

點(diǎn)擊按鈕之后：

append()方法在指定對象元素末尾添加新的元素。

“jquery怎么增加一行tr”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！