Javascript 带有twitter引导和jQuery的表_Javascript_Jquery_Html_Twitter Bootstrap

Javascript 带有twitter引导和jQuery的表

javascript jquery html twitter-bootstrap

Javascript 带有twitter引导和jQuery的表,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我有这个脚本的js部分： jQuery.each(data, function(index, value) { $("table_div").append("<td>" + value + "</td>"); }); jQuery.each（数据、函数（索引、值）{ $（“table_div”）。追加（“+value+”）； }); 我想用它创建一个带有twitter引导的表。在html页面中有以下表格元素： <table class="table

我有这个脚本的js部分：

jQuery.each(data, function(index, value) {
     $("table_div").append("<td>" + value + "</td>");
 });

jQuery.each（数据、函数（索引、值）{
$（“table_div”）。追加（“+value+”）；
});

我想用它创建一个带有twitter引导的表。在html页面中有以下表格元素：

<table class="table table-striped" id="table_div">
</table>

但这个解决方案不起作用。我该怎么办？谢谢大家!

首先，您没有在表中添加任何所需的

元素，其次您指的是

$（“table_div”）

，而不是

$（“#table_div”）

（hashtag

表示您指的是一个ID，就像在CSS中一样）

jQuery.each（数据、函数（索引、值）{
$（“#table_div”）.append（“+value+”）；
});

除了引用节点

而不是id

#table_div

之外，您不希望向表节点追加任何内容

你应该看看，以及和

在使用Twitters引导时，您应该使用

tbody

，例如：

<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>');
}

for（数据中的i）{
$（'#table_div>tbody:last'）.append（''+data[i]+''）；
}

更多的研究请看这里

编辑：

好的，我用twitters引导和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>


变量数据=[“foo”，“bar”]；
$（文档）.ready（函数（）{
$。每个（数据、功能（i、项）{
$（“#我的表格>tbody:last”）.append（“”+item+“”）；
});
});

不起作用。我想要一个包含数据值的行和列的元素。@sharkbait您的数据是什么样子的？我没有一个twitter bootstrap样式的表

数据的结构是什么？它是简单数组还是json对象？是json对象。我有一个成对时间戳的矩阵：valueHa，没错，它不能<代码>$。每个（回调）

。没有两种选择。您需要在javascript中使用常规foreach，而不是jQuery中的$.each（）。用于迭代所有子节点。如果仍然不起作用，请提供有关

数据的更多详细信息。如果有效，请不要忘记将此标记为答案，这花了我一段时间；）嗯，$。每个（数据集、处理程序）都可以正常工作。它是$（'.el'）。每个（处理程序）只接受一个参数。哦，对了。这个问题快把我逼疯了@鲨鱼饵你能发布一堆数据吗？谢谢你的帮助。我没有转储数据，而是一个json数据，由成对的“timestamp:value”组成。我会用这两列创建一个表。。。
<!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>