动态添加数据，参考模板

$('.data').empty();

var date=$('.table');

for(var i in list){

var ul=$('<ul class="data"></ul>');

var template = 　'<li class="data1" id="[id]">公司</li>'+

　　　　　　　　　　'<li class="data1" >地区</li>'+

　　　　　　　　　　'<li class="data1">险种</li>'+

　　　　　　　　　　'<li class="data1">接口</li>'+

　　　　　　　　　　'<li class="data2"><span>[1]</span></li>'+

　　　　　　　　　　 '<li class="data2"><span>[2]</span></li>'+

　　　　　　　　　　 '<li class="data2"><div class="switch">'+

　　　　　　 '<div class="checkbox">'+

　　　　　　　　'<input type="checkbox"  value="[valid]" id="status"  checked/>'+

　　　　　　　　 '<label></label>'+

　　　　　　'</div>'+

 　　　　　　 '</div>'+

　　　　　　　　　　'</li>'

　　　template = template.replace('公司',list[i].companyCode)

   　　　　　　　　 .replace('[id]',list[i].channelRulesNo)

           　　　　　.replace('地区',list[i].areaCode)

　　　　　　　　　　.replace('险种',list[i].monitorDataSource)

　　　　　　　　　　.replace('接口',list[i].channelType)

　　　　　　　　　　 .replace('[1]',list[i].highThreshold)

　　　　　　　　　　 .replace('[2]',list[i].lowThreshold)

　　　　　　　　　　 .replace('[valid]',list[i].validStatus);

　　　　　　　　　　ul.append(template);

    　　　　　　　　date.append(ul);     

}

转载于:https://www.cnblogs.com/huimou/p/8193095.html