使用 jQuery 时如何在 html 表中输出数组的内容？
Posted
技术标签:
【中文标题】使用 jQuery 时如何在 html 表中输出数组的内容？【英文标题】：How do I output the contents of an array in an html table while using jQuery? 【发布时间】：2011-11-26 01:15:33 【问题描述】：如何在使用 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？
【讨论】：
谢谢！我不知道可以在 tbody 标签中添加一个 id。我想我也可以添加一个类吧？ @JohnSmith 你可以添加id、class、title 和style 属性到HTML 中的几乎任何东西，例外基本上只在<head> 中【参考方案2】：
表格中不能有 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>
【讨论】：
以上是关于使用 jQuery 时如何在 html 表中输出数组的内容？的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 jquery 在 HTML 表中显示 json 内容