案例分析

拼接数据

    模拟ajax获取到的数据
    var data = [{
      name: 'laoma11',
      mail: 'flydragonml@gmail.com',
      age: 19
    }]

//开始拼接
//定义一个空数组存放拼接的所有内容
var tempStrArray = []; 

//遍历data的数据
for(var i =0;i<data.length;i++){}

 //定义一个空字符串存放拼接的一条内容
  var tempStr = ""; 

  //拼接开始
  tempStr += '<tr>';
  tempStr +=   '<td>' + data[i].name +'</td>';
  tempStr +=   '<td>' + data[i].mail +'</td>';
  tempStr +=   '<td>' + data[i].age  +'</td>';
  tempStr += "</tr>";

  //循环的把一条条数据放到数组中
  tempStrArray.push(tempStr); 

//把拼接好的tr标签全部放入tbody中。
//因为拼接好的是数组，
//所以用join('')方法把数组中的逗号去掉。
//把拼接好的标签全部放入tbody中
$('.list tbody').html(tempStrArray.join(''));

   //要实现的拼接效果
   <tr>
     <td>老马</td>
     <td>malun666@126.com</td>
     <td>18</td>
   </tr>