表与twitter引导和jQuery
我有这个js脚本的一部分：
jQuery.each(data, function(index, value) {
$("table_div").append("<td>" + value + "</td>");
});
我想用这个来创建一个twitter引导表。 在html页面中有这个表格元素：
<table class="table table-striped" id="table_div">
</table>
但是这个解决方案不起作用。 我该怎么办？ 谢谢！
首先，你不追加任何表中所需的<tr>元素，其次你指的是$("table_div")而不是$("#table_div") （ #标签表示你是指一个ID，就像在CSS中一样）。
jQuery.each(data, function(index, value) {
$("#table_div").append("<tr><td>" + value + "</td></tr>");
});
除了引用节点<table_div>而不是id #table_div您不希望将任何内容附加到表节点。
你应该看看这个以及这里和这里。
无论如何，你应该使用tbody当使用Twitters Bootstrap时 ，例如：
<table id="table_div" class="table table-striped">
<tbody></tbody>
<table>
这里是正确的js
for (i in data) {
$('#table_div > tbody:last').append('<tr><td>'+data[i]+'</td></tr>');
}
更多研究请看这里在jQuery中添加表格行
编辑：
好吧，我用twitters bootstrap和jQuery给你写了一个完整的例子。 如果它不适用于你的数据数组，它会起作用，它有问题。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
</head>
<body>
<table class="table table-striped" id="my-table">
<tbody>
</tbody>
</table>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript">
var data = ["foo","bar"];
$(document).ready(function(){
$.each(data, function(i,item){
$('#my-table > tbody:last').append('<tr><td>'+item+'</td></tr>');
});
});
</script>
</body>
</html>