使用javascript在点击事件上生成多个

Question

您好我正在尝试根据n-term生成具有不同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();

            });
      }