js 动态生成列表 例子

//渲染列表
var list_html ='<table id="link_parts_table" style="width:90%;"> <tr>' +
    '<td>物料编码</td>' +
    '<td>配件名称</td>' +
    '<td>配件类别</td>' +
    '<td>设备型号</td>' +
    '<td>序列号</td>' +
    '<td>单价</td>' +
    '<td>租赁价（元）/月</td>' +
    '<td>品牌</td>' +
    '<td>成色</td>' +
    '<td></td>' +
    '</tr>';

//根据数据的多少，来决定渲染多少内容
var s = '1,2,3,4';
var choose_arr = s.split(',');
for(i=0;i<choose_arr.length;i++){
    var now_index= getArrIndex(a.data_id,choose_arr[i]);
    if(!check_is_null(now_index)){
        var now_data = a.data[now_index];
        if (now_data != null) {
            list_html += '<tr id="del_parts'+now_index+'">' +
                '<td>'+now_data.parts_num+'</td>' +
                '<td>'+now_data.parts_name+'</td>' +
                '<td>'+now_data.parts_category+'</td>' +
                '<td>'+now_data.dev_model+'</td>' +
                '<td>'+now_data.parst_sn+'</td>' +
                '<td>'+now_data.parts_price+'</td>' +
                '<td>'+now_data.parts_rent_price+'</td>' +
                '<td>'+now_data.parts_brand+'</td>' +
                '<td>'+now_data.parts_fineness+'</td>' +
                '<td id="del_parts" οnclick="return del_parts('+i+','+now_index+')" style="color:blue;">删除</td>' +
                '</tr>';
        }
    }
}

list_html +='</table>';
$("#link_parts_list", window.parent.document).append(list_html);