Javascrip：使用长度

Question

我希望我的战利品以可变的增量重复我的函数X时间（长度）。

示例HTML，是理解的必要

<div class="projetResidentiel">
   <div class="loopPost" id="postResidentiel1"></div>
   <div class="loopPost" id="postResidentiel2"></div>
   <div class="loopPost" id="postResidentiel3"></div>
</div>

我试图用递增次数重复功能的次数进行循环

JS

$(document).ready(function(){
      var nbPost = $('.projetResidentiel .loopPost').length
      for (var step = 1; step <= nbPost; step++) {
        $("#postResidentiel" + step).click(function(){
          $("#activeSlider .sliderContent").remove();
          $("#activeSlider").show();
          $("#postResidentiel" + step + ' ' +".sliderContent").clone().appendTo("#activeSlider");
          $("html, body").animate({ scrollTop: 0 }, "slow");
          return false;
        });
      }
});

我不明白为什么它不起作用。 结果是我想要的：

$(document).ready(function(){

$("#postResidentiel1").click(function(){
    $("#activeSlider .sliderContent").remove();
    $("#activeSlider").show();
    $("#postResidentiel1 .sliderContent").clone().appendTo("#activeSlider");
    $("html, body").animate({ scrollTop: 0 }, "slow");
    return false;
});

$("#postResidentiel2").click(function(){
    $("#activeSlider .sliderContent").remove();
    $("#activeSlider").show();
    $("#postResidentiel2 .sliderContent").clone().appendTo("#activeSlider");
    $("html, body").animate({ scrollTop: 0 }, "slow");
    return false;
});

$("#postResidentiel3").click(function(){
    $("#activeSlider .sliderContent").remove();
    $("#activeSlider").show();
    $("#postResidentiel3 .sliderContent").clone().appendTo("#activeSlider");
    $("html, body").animate({ scrollTop: 0 }, "slow");
    return false;
});

});