javascript–使用jQuery从数组2维创建表

我想从JSON的数组2维创建具有值的表.这是我制作的代码：

数据

var data = {"ver[
{"0":"1","id_pemasang":"1","1":"1","id_jenis_pemasang":"1","2":null,"npwp":null,"3":"Yos Sudarso","nama":"Yos Sudarso","4":"Perumahan Griya Perwita No.10","alamat":"Perumahan Griya Perwita No.10","5":"Yogyakarta","kota":"Yogyakarta","6":"0274-541056","telepon":"0274-541056","7":"08134570378","handphone":"08134570378","8":"0","diskon":"0"},
{"0":"2","id_pemasang":"2","1":"2","id_jenis_pemasang":"2","2":"34.081.203.1-342.000","npwp":"34.081.203.1-342.000","3":"CV. Prima Agung","nama":"CV. Prima Agung","4":"Jl. Cenderawasih No.72 Warungboto","alamat":"Jl. Cenderawasih No.72 Warungboto","5":"Yogyakarta","kota":"Yogyakarta","6":"0274-878906","telepon":"0274-878906","7":null,"handphone":null,"8":"5","diskon":"5"},
{"0":"3","id_pemasang":"3","1":"2","id_jenis_pemasang":"2","2":null,"npwp":null,"3":"PT. Tampil Jaya","nama":"PT. Tampil Jaya","4":"Jl. Alamanda No.3","alamat":"Jl. Alamanda No.3","5":"Yogyakarta","kota":"Yogyakarta","6":"0274-552233","telepon":"0274-552233","7":null,"handphone":null,"8":"20","diskon":"20"}
]};


HTML

jQuery的

var tableOmset = $('table.table-data-omset');
var tbodyTableOmset = tableOmset.find('tbody');
var rowTbodyTableOmset = '';
for(var a=0; a tbodyTableOmset.append(rowTbodyTableOmset);
for(var b=0; b<5; b++){
if(data.ver[a][b] == null){
data.ver[a][b]= '';
}
tbodyTableOmset.find('tr').append(''+data.ver[a][b]+'');
}
}


但是在我执行或运行之后,结果会成功,但看起来并不好.这是结果图片：

我希望你能帮我解决这个问题.

解决方法:

在for循环中,使用trTableOmset =在字符串中创建表元素.比使用tbodyTableOmset.append(trTableOmset);你完成了！

LIVE DEMO

应该如何看待：

var tableOmset = $('table.table-data-omset');
var tbodyTableOmset = tableOmset.find('tbody');
var trTableOmset = '';
for(var a=0; a trTableOmset += '' ;
for(var b=0; b<18; b++){ // 5 or 18 ?
if(data.ver[a][b] === null){
data.ver[a][b]= '';
}
trTableOmset += ''+ data.ver[a][b] +'';
}
trTableOmset += '' ;
}
tbodyTableOmset.append(trTableOmset);


固定数据：

var data = {
"ver": [
{
"0": "1",
"id_pemasang": "1",
"1": "1",
"id_jenis_pemasang": "1",
"2": null,
"npwp": null,
"3": "YosSudarso",
"nama": "YosSudarso",
"4": "PerumahanGriyaPerwitaNo.10",
"alamat": "PerumahanGriyaPerwitaNo.10",
"5": "Yogyakarta",
"kota": "Yogyakarta",
"6": "0274-541056",
"telepon": "0274-541056",
"7": "08134570378",
"handphone": "08134570378",
"8": "0",
"diskon": "0"
},
{
"0": "2",
"id_pemasang": "2",
"1": "2",
"id_jenis_pemasang": "2",
"2": "34.081.203.1-342.000",
"npwp": "34.081.203.1-342.000",
"3": "CV.PrimaAgung",
"nama": "CV.PrimaAgung",
"4": "Jl.CenderawasihNo.72Warungboto",
"alamat": "Jl.CenderawasihNo.72Warungboto",
"5": "Yogyakarta",
"kota": "Yogyakarta",
"6": "0274-878906",
"telepon": "0274-878906",
"7": null,
"handphone": null,
"8": "5",
"diskon": "5"
},
{
"0": "3",
"id_pemasang": "3",
"1": "2",
"id_jenis_pemasang": "2",
"2": null,
"npwp": null,
"3": "PT.TampilJaya",
"nama": "PT.TampilJaya",
"4": "Jl.AlamandaNo.3",
"alamat": "Jl.AlamandaNo.3",
"5": "Yogyakarta",
"kota": "Yogyakarta",
"6": "0274-552233",
"telepon": "0274-552233",
"7": null,
"handphone": null,
"8": "20",
"diskon": "20"
}
]
};