javascript - jQuery click事件导致循环仅执行一次

我想在每次单击“显示更多”按钮时每次显示下五个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。

有人可以帮忙吗？

最佳答案

看来您用inc初始化了5迭代器，并且当它高于5时退出了循环：

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

尝试使用1对其进行初始化：

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

关于javascript - jQuery click事件导致循环仅执行一次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45919696/