jQuery是一種廣泛使用的JavaScript庫,它簡化了HTML文檔遍歷、事件處理、動畫效果等許多操作。其中一個很有用的功能是使用append()方法將HTML元素添加到文檔中。在這篇文章中,我們將討論如何使用jQuery的append()方法來動態(tài)添加HTML表格。
我們首先需要創(chuàng)建一個空的HTML表格,并使用jQuery的append()方法向其添加表頭:
$('table').append('<tr><th>ID</th><th>Name</th><th>Age</th></tr>')
接下來,我們可以通過JavaScript對象數(shù)組動態(tài)地插入表格中的行:
var people = [ { id: 1, name: 'Bob', age: 22 }, { id: 2, name: 'Alice', age: 25 }, { id: 3, name: 'John', age: 30 } ]; $.each(people, function(i, person) { $('table').append('<tr><td>' + person.id + '</td><td>' + person.name + '</td><td>' + person.age + '</td></tr>'); });
最后,我們將看到一個完整的HTML表格被動態(tài)添加到文檔中。
總結(jié)起來,使用jQuery的append()方法可以輕松地向HTML文檔中動態(tài)添加元素。在本文中,我們演示了如何使用append()方法添加HTML表格。