html 使用js动态添加表格

function getTables(list) {    for(var i=0;i<list.length;i++){        table1="<table style='width: auto' class='container'>";        table2="<table style='overflow:scroll' class='container'>";        table3="<table style='width: auto' class='container'>";        tr1+="<tr class='row'>";        tr2+="<tr class='row'>";        tr3+="<tr class='row'>";        for(var j=0;j<3;j++){            tr1+="<td class='col-md-4'>"+list[i][j]+"</td>";        }        tr1+="</tr>";        table1+=tr1;        for (var j=3;j<list[i].length-1;j++){            if(i==0){                tr2+="<td>"+list[i][j]+"</td>";            }else{                tr2+="<td>"+fmoney(list[i][j],2)+"</td>";            }        }        tr2+="</tr>";        table2+=tr2;        if(j==list[i].length-1){            if(i==0){                tr3+="<td class='col-md-12'>"+list[i][j]+"</td>";            }else{                tr3+="<td class='col-md-12'>"+fmoney(list[i][j],2)+"</td>";            }            tr3+="</tr3>"            table3+=tr3;        }    }    table1+="</table>";    table2+="</table>";    table3+="</table>";    $("#table1").html(table1);    $("#table2").html(table2);    $("#table3").html(table3);}