[英]JS Array Loop Number is 1 Off
I'm importing json data and looping through divs to supply them with object values. 我正在导入json数据并遍历div为它们提供对象值。 The divs in my array begin with a number but the first number is 0. I understand why this is, but how do I fix this to start the first div with 1 and not 0? 我数组中的div以数字开头,但第一个数字为0。我理解为什么会这样,但是如何解决这个问题,以第一个div以1而不是0开头呢?
Thanks 谢谢
$.ajax({
url: "Brackets.json",
dataType: "json",
success: function(data) {
var items = [ "#bracket1", "#bracket2", "#bracket3", "#bracket4", "#bracket5", "#bracket6", "#bracket7", "#bracket8",
"#bracket9", "#bracket10", "#bracket11", "#bracket12", "#bracket13", "#bracket14", "#bracket15", "#bracket16"];
var len = items.length;
for ( var i = 0; i < len; i++ ) {
console.log(len);
$(items[i]).html( i + ". " + dataTeamsData + items[i]);
}
In your loop, do this: 在您的循环中,执行以下操作:
for ( var i = 0; i < len; i++ ) {
console.log(len);
var itemNum = i + 1;
$(items[i]).html( itemNum + ". " + dataTeamsData + items[i]);
}
itemNum will start at 1, while the item from the array will still be fetched by the index value i which starts at 0. itemNum将从1开始,而数组中的项目仍将由从0开始的索引值i获取。
Alternatively, instead of this: 或者,代替此:
<div>1. item0</div>
<div>2. item1</div>
<div>3. item2</div>
...
Use an ordered list element with list items: 对列表项使用有序列表元素:
<ol>
<li>item0</li>
<li>item1</li>
<li>item2</li>
...
</ol>
Then you don't have to worry about the number as it will be generated automatically. 然后,您不必担心该数字,因为它将自动生成。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.