淘先锋技术网

首页 1 2 3 4 5 6 7

在使用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方法遍历数组,将每个元素都添加上

  • 标签,并组装成一个字符串。最后,再利用jQuery的html方法将这个字符串输出到目标元素中。

    这样,我们就可以轻松地输出一堆

  • 元素,而不必一个一个手动写。