在使用jQuery操作DOM時,我們常常需要將數據渲染到頁面中。其中比較常見的場景就是輸出一堆
$(function(){
// 假設我們已經獲取了一些數據,存儲在一個數組中
var data = ['apple', 'banana', 'orange', 'mango', 'pear'];
// 通過map方法將數據數組中的每個元素都轉化為標簽對應的HTML代碼,并組裝成一個字符串
var html = data.map(function(item) {
return ' ' + item + ' ';
}).join('');
// 將拼接后的字符串輸出到目標元素
$('#list').html(html);
});
在上面的代碼中,我們首先定義了一個數組data,里面存儲了一些水果名稱。接著使用map方法遍歷數組,將每個元素都添加上
這樣,我們就可以輕松地輸出一堆