jQuery是一種流行的JavaScript庫,可以幫助開發人員輕松地按照自己的需求和想法創建前端動態交互的網頁。在這里,我們將介紹如何使用jQuery讀取數據并循環創建tr標簽。
$(document).ready(function() {
var data = [
{"name": "Tom", "age": 25},
{"name": "John", "age": 30},
{"name": "Sarah", "age": 28}
];
$.each(data, function(index, value) {
var row = "<tr><td>" + value.name + "</td><td>" + value.age + "</td></tr>";
$("table tbody").append(row);
});
});
首先,我們用jQuery的$(document).ready()函數在文檔就緒時運行代碼。我們定義了一個包含姓名(name)和年齡(age)的數據數組。接下來,我們使用$.each()函數來遍歷數據數組。在each函數中,傳遞了兩個參數:當前迭代的數據和每個數據的索引。
在每次迭代中,我們使用當前值創建了一個新的HTML行。我們首先創建了一個
在這里,我們已經成功使用jQuery通過循環讀取數據并創建了一個包含每個人姓名和年齡的表格。