For循环Jquery正在创建表
For loop Jquery creating table
我一直在尝试根据另一个函数的数组返回动态创建一个表。
我有2个阵列:
var listOfNames = ['a', 'b', 'c'];
var scoreLabels = ['Query', 'Entry', '% Matched', 'Alignment Len', 'Mismatches', 'Gaps', 'E-Value', 'Bitscore'];
第一个数组将包含元素,该元素将是每一行的id。
第二个数组是每行的列列表。
我的html看起来像这个
<table>
<tbody></tbody>
</table>
我写的for循环看起来是这样的:
for (var i = 0; listOfNames.length < i; i++) {
var row = $('<tr></tr>');
$(row).attr('id', listOfNames[i]);
for (var x = 0; scoreLabels.length < x; x++) {
var tableHeader = $('<td></td>');
$(tableHeader).attr('text', scoreLabels[x]);
$(tableHeader).appendTo(row);
}
$(row).appendTo('table');
}
我一直在看其他教授用jquery动态创建表的帖子,但都无济于事。
请给我忠告,让我知道哪里出了问题。
js小提琴可以在这里找到
http://jsfiddle.net/t16scofy/2
对于循环
只需大声阅读你的for循环:
for (var i = 0; listOfNames.length < i; i++) {...}
变为:
对于i-从0开始-do。。。只要listOfNames的长度小于i.
我从0开始。并且listOfNames的长度总是大于0。它从未变小过。所以这个for循环永远不会做...
同样适用于循环内部
更正:
for (var i = 0; i < listOfNames.length; i++) {...}
或者如果你真的想要i之后。长度:
for (var i = 0; listOfNames.length > i; i++) {...}
您在两个for loops
中都有一些打字错误和错误的条件。
这应该做到:
var listOfNames = ['a', 'b', 'c'];
var scoreLabels = ['Query', 'Entry', '% Matched', 'Alignment Len', 'Mismatches', 'Gaps', 'E-Value', 'Bitscore'];
// If i starts with 0, and you're incrementing it, you obviously want the loop
// to go until it reaches a bigger value, not the other way round.
for (var i = 0; i < listOfNames.length; i++) {
var row = $('<tr>', { class: i.toString() });
// If x starts with 0, and you're incrementing it, you obviously want the loop
// to go until it reaches a bigger value, not the other way round.
for (var x = 0; x < scoreLabels.length; x++) {
var tableHeader = $('<td>', { text: scoreLabels[x] });
tableHeader.appendTo(row);
}
row.appendTo('table');
}
演示
相关文章:
- 创建一个循环来简化HTML和CSS代码
- 正在为循环创建唯一id
- 使用来自不同循环Javascript的数据创建数组
- 在for循环中仅创建手风琴的内容
- 在Django中,可以在视图中创建一个包含js的变量,然后在循环模板标记中使用它
- 循环选择标记并创建数组或字符串
- jQuery使用animate创建循环
- 反应.js通过数组创建循环
- 这是否在javascript中创建循环引用
- 为什么要创建循环来获取事件的元素
- 创建循环设置超时 jquery 数组
- jQuery basic:如何使用此结构创建循环
- Javascript:创建循环以连接选中复选框的结果
- 如何基于分隔符从字符串创建循环
- 如何使用two.js创建循环热点
- 正在为setTimeout创建循环
- 在Jquery中使用小数创建循环
- 如何用javascript在carousel中创建循环
- 在 javasctipt 警报或提示中创建循环
- 简单 HTML 表单创建循环中的永恒循环