JS Array Loop Number为1 Off

时间:2016-03-09 19:04:56

标签: javascript arrays json loops

我导入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]);
    }

1 个答案:

答案 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>

然后您不必担心数字,因为它会自动生成。