jQuery的append()是非常常用的函數,我們可以通過這個函數輕松地向HTML元素添加內容。其中,表格也是常見的HTML元素之一。在這里,我們將會了解如何使用jQuery的append()函數向一個表格添加行。
代碼示例: <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>
在上面的代碼中,我們首先創建了一個表格,并且添加了一些行。然后,我們使用jQuery選擇器選擇表格的tbody元素,并在其末尾添加一行。在這個例子中,我們向表格中添加了一個名為“王五”的人的信息。
需要注意的是,在append()函數中,我們可以直接向HTML元素中添加內容。這些內容可以是文本、HTML標簽或jQuery對象。在這個例子中,我們向表格中添加了一個包含
通過這種方式,我們可以快速、方便地向表格添加內容,讓表格展現出更多的數據。
下一篇圖片里加字css