使用javascript生成多个点击事件[重复]

Question

这个问题已经在这里有了答案：

• 循环内的JavaScript封闭-简单的实际示例 44个答案

嗨，我正在尝试一个程序，该程序会根据n项生成具有不同ID的多个点击事件。 现在的n是4，但是不会循环

这是我的代码

        for (var i=1 ;i<= 4;i++){       
            $('#rl+i').click( function () {
                $("#div"+i).fadeIn();
                $("#outer").fadeOut();

            });
      }  

我的目标是在可能的情况下生成以下输出

            $('#rl1').click( function () {
                $("#div2").fadeIn();
                $("#outer").fadeOut();

            });

            $('#rl2').click( function () {
                $("#div2").fadeIn();
                $("#outer").fadeOut();

            });
                $('#rl3').click( function () {
                $("#div3").fadeIn();
                $("#outer").fadeOut();

            });
                $('#rl4').click( function () {
                $("#div4").fadeIn();
                $("#outer").fadeOut();

            });

Answer 1

尝试这个：

for (var i = 1; i <= 4; i++) {
    $('#rl' + i ).click(function() {
        $("#div" + i).fadeIn();
        $("#outer").fadeOut();
    });
}

Answer 2

您走在正确的轨道上。 只需将for循环中的选择器修改为

$('#rl'+i).click( function () {....

所以完整的for循环是

   for (var i=1 ;i<= 4;i++){       
            $('#rl'+i).click( function () {
                $("#div"+i).fadeIn();
                $("#outer").fadeOut();

            });
      }