我导入json数据并循环遍历div以向它们提供对象值。我的数组中的div以数字开头,但第一个数字是0.我明白为什么会这样,但是如何解决这个问题,以1开始第一个div而不是0?
由于
$.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]);
}
答案 0 :(得分:1)
在循环中,执行以下操作:
for ( var i = 0; i < len; i++ ) {
console.log(len);
var itemNum = i + 1;
$(items[i]).html( itemNum + ". " + dataTeamsData + items[i]);
}
itemNum将从1开始,而数组中的项目仍将由索引值i获取,该值从0开始。
或者,而不是:
<div>1. item0</div>
<div>2. item1</div>
<div>3. item2</div>
...
使用带有列表项的有序列表元素:
<ol>
<li>item0</li>
<li>item1</li>
<li>item2</li>
...
</ol>
然后您不必担心数字,因为它会自动生成。