在使用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方法遍历数组,将每个元素都添加上
这样,我们就可以轻松地输出一堆