欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jQuery讀取數據循環創建tr

楊一鳴1年前6瀏覽0評論

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通過循環讀取數據并創建了一個包含每個人姓名和年齡的表格。