jQuery的append()是非常常用的函數(shù),我們可以通過這個(gè)函數(shù)輕松地向HTML元素添加內(nèi)容。其中,表格也是常見的HTML元素之一。在這里,我們將會(huì)了解如何使用jQuery的append()函數(shù)向一個(gè)表格添加行。
代碼示例: <table id="myTable"> <thead> <tr> <th>姓名</th> <th>年齡</th> <th>性別</th> </tr> </thead> <tbody> <tr> <td>張三</td> <td>20</td> <td>男</td> </tr> <tr> <td>李四</td> <td>25</td> <td>女</td> </tr> </tbody> </table> <script> $("#myTable tbody").append(<tr><td>王五</td><td>30</td><td>男</td></tr>); </script>
在上面的代碼中,我們首先創(chuàng)建了一個(gè)表格,并且添加了一些行。然后,我們使用jQuery選擇器選擇表格的tbody元素,并在其末尾添加一行。在這個(gè)例子中,我們向表格中添加了一個(gè)名為“王五”的人的信息。
需要注意的是,在append()函數(shù)中,我們可以直接向HTML元素中添加內(nèi)容。這些內(nèi)容可以是文本、HTML標(biāo)簽或jQuery對(duì)象。在這個(gè)例子中,我們向表格中添加了一個(gè)包含
通過這種方式,我們可以快速、方便地向表格添加內(nèi)容,讓表格展現(xiàn)出更多的數(shù)據(jù)。
下一篇圖片里加字css