Jquery单击事件导致循环只执行一次

Question

我想在每次点击显示更多按钮时显示接下来的五个div，加载时会显示默认的5个div，这里是我的代码，

var counterBox = 5;
$("#show_more_location").click(function() {
    $(".loading-container").show();
    for (var inc = 5; inc <= 5; inc++) {
        if(counterBox<50){
            counterBox = counterBox + 1;
            $(".location-box:nth-child("+counterBox+")").slideDown().addClass("show_box").delay(100);
        }  
    }
    $(".loading-container").delay(5000).hide();         
});

问题是当我点击显示更多按钮时，它只循环一次，然后停止。只显示一个div，我想在show buttonclick上显示5个div。

任何人都能帮忙吗？

Answer 1

您似乎使用inc初始化5迭代器，并且当它高于5时退出循环：

for (var inc = 5; inc <= 5; inc++) {
   ...
}

尝试使用1初始化它：

for (var inc = 1; inc <= 5; inc++) {
   ...
}

Answer 2

您将for循环中的inc设置为5，然后检查它是否低于或是5.因此它运行一次。让inc 0运行6次。