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

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

var计数器盒=5；
$（“#显示更多位置”）。单击（函数（）{
$（“.loading container”）.show（）；
for（var inc=5；inc您正在将for循环中的
inc
设置为5，然后检查它是否低于或等于5。因此它运行一次。使
inc
0运行它6次。
似乎您使用
5
初始化
inc
迭代器，当它高于
5
时退出循环：

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

如果循环计数器以值5开始，那么在将正值添加到5后，不要期望它小于或等于5…复制粘贴var减容的风险…thnx@CBroe，这是因为大量工作，只需初始化inc=0，工作正常，thnxagain@MuhammadAkberKhan那么你应该接受OddBrew的答案。还有一个thing正在加载div未显示/隐藏，其执行速度非常快，我还添加了5秒的延迟，但加载未显示，但还有一点可以帮助您，加载div未显示，因为我还添加了隐藏延迟，请检查我的问题，我有update@MuhammadAkberKhan您是否尝试过函数
setTimeOut（）
相反，请在此处查看其用法
for (var inc = 1; inc <= 5; inc++) {
   ...
}