2011-09-27 107 views
3

如何在使用jQuery時在HTML表格中顯示數組的內容?如何在使用jQuery時在html表格中輸出數組的內容?

這裏是我的腳本...這在輸出表中沒有桌子上的數組中的對象。

HTML

<table> 
<thead> 
<tr> 
<th>ITEM ID</th> 
<th>NUMBER OF BAGS</th> 
<th>WEIGHT</th> 
</tr> 
</thead> 
<tbody> 
<div id="returnlist"></div> 
</tbody> 
</table> 

jQuery的

var tempList = new Array(); 
$('#add').click(function(){ 
var split = $('#onhanditem').val().split('_'); 
var itemid = split['0']; 
var kilo = $('#kilo').val(); 
var bagsReturned = $('#bagsReturned').val(); 
var totalbagkiloreturned = kilo+'_'+bagsReturned; 
tempList[itemid] = totalbagkiloreturned; 
list = ''; 
// i = ITEM ID | tempList = totalbagkiloreturned 
for (var i in tempList){ 
var itemID = i; 
var split = tempList[i].split('_'); 
var kilo = split['0']; 
var numBags = split['1']; 
list+='<tr><td>'+itemID+'</td><td>'+kilo+'</td><td>'+numBags+'</td></tr>'; 
} 
$('#returnlist').html(list); 
}); 
}); 

回答

1

據我所知,一個桌子中間是不是一個<div>標籤的有效位置,這就是爲什麼它沒有被顯示在表內。爲什麼不把id放在<tbody>標籤上,而是徹底放棄了div?

+0

謝謝!我不知道可以在tbody標籤中添加一個id。我想我也可以添加一個類的權利? – JohnSmith

+0

@JohnSmith你可以在HTML中添加'id','class','title'和'style'屬性幾乎任何東西,例外基本上只在'' – tobyodavies

1

你不能有一個表內一個div,它根本就不是有效的HTML。

請嘗試以下HTML而不是

<table> 
<thead> 
<tr> 
<th>ITEM ID</th> 
<th>NUMBER OF BAGS</th> 
<th>WEIGHT</th> 
</tr> 
</thead> 
<tbody id="returnlist"> 
</tbody> 
</table> 
相關問題