Question

我有一个容器，每行有4列。我试图使用for循环从json数组中使用ajax获取每个列标题。我能够通过一个for循环完成这一行。

var i = 0;
var z = 1;

for(z; z < 35; i++, z++) {
    var ingredientLocation = '.row div:nth-child(' + z + ') .inner-rec-box h1';        
    $(ingredientLocation).text(this[0].children[i].categoryName);
}

这个循环只给出每一行来自循环的前4个结果，而不是继续到下一行。

我有4-5行，我希望这个循环也发送标题所以我尝试在第一个循环中添加第二个循环，基本上进入第一个循环通过前4个标题然后离开内循环并跳转到第二行继续循环它停止的i值，依此类推。以下是我对此的尝试

var z = 1;
var i = 0;

for(z; z < 5; z++) {
    var ingredientLocation = '.conatiner .row:nth-child(' + z + ') .inner-rec-box h1';
    for(i; i < 5; i++){
        $(ingredientLocation).text(this[0].children[i].categoryName);
    }
}

Answer 1

每次启动内循环时都必须重置内部索引

var z;
var i;

for (z = 0; z < 5; z++) {    
    var ingredientLocation = '.conatiner .row:nth-child(' + z + ') .inner-rec-box h1';    
    // set i to 0 when starting a row
    for (i = 0; i < 5; i++) {
      $(ingredientLocation).text(this[0].children[i].categoryName);
    }   
}

For循环中的循环 - 从json数组中获取名称

1 个答案: