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

嗨,我正在尝试一个程序,该程序会根据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();

            });

===============>>#1 票数:0

尝试这个:

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

===============>>#2 票数:0 已采纳

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

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

所以完整的for循环是

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

            });
      }  

  ask by Reginwaldt Led translate from so

未解决问题?本站智能推荐:

2回复

重构重复的javascript点击事件

我有以下javascript点击事件。 cat-#类的数量不确定。 我如何最好地重构它以避免代码重复以及处理非硬编码的其他数字的能力?
4回复

使用javascript或jquery对禁用的按钮执行点击事件[重复]

这个问题已经在这里有了答案: 禁用输入事件 10个答案 我有一个表单,其中有一个禁用按钮。 当用户单击该按钮时,我想显示警报msg。 我的表单代码:- jQuery的代码:- 上面的代码不适用于除谷歌浏览器之外的任何浏览器。 请告诉我怎么做
4回复

如何通过jquery或javascript生成panelgrid的点击事件?

我正在使用JSF 2.0和primefaces 3.0。 我有一个rowtoggler和rowexpansion。 由于我使用的是primefaces旧版本,因此我没有rowToggle事件。 行扩展时,我需要通过ajax在服务器端调用方法。 所以我将div标签放在rowtoggler周
1回复

jQuery / JavaScript分配点击事件循环(关闭?)[重复]

可能重复: 循环内的Javascript闭合-简单的实际示例 我正在为“仪表板”网页创建状态表。 每个状态都处于“开”或“关”状态。 我正在尝试使用jQuery button/buttonset来具有开关/切换控件,以允许用户切换状态值。 我根据ajax数据库查询动态创
2回复

的SharePoint; 页面上已存在JavaScript重复点击事件

我有一个SharePoint日历,并且有一些Javascript代码可以强制在模式对话框中打开日历覆盖事件。 基本上,它通过以下代码强制它们在模式对话框中打开: 问题在于日历上已经有使用该代码打开的“本机”事件,并且发生的事情是,当您单击它时,这些事件会打开带有模式对话框的TWICE,
2回复

javascript中的点击事件未触发[重复]

这个问题已经在这里有了答案: 在动态创建的元素上进行事件绑定? 23个答案 我正在使用JQuery可排序,并且有两个两个列表,我正在将项目从一个移到另一个。 第一步,双击即可正常工作。 现在它在第二个列表中,我想允许用户通过单击并单击Delete键来删除项目。
3回复

较短的语法来绑定多个点击事件-javascript

是否有较短的语法来写这个 知道所有功能都不一样!
2回复

使用Javascript / JQuery动态创建具有不同点击事件处理程序的多个HTML按钮

我正在尝试使用Javascript / JQuery动态创建多个HTML按钮,每个按钮在单击时都会执行不同的操作。 我的第一次尝试看起来像这样: 不幸的是,这不起作用,因为(我认为)当click事件发生时,doButtonPress总是在myFunc的范围内传递i的当前值,而不是
2回复

如何调用动态生成内容的点击事件? [重复]

这个问题已经在这里有了答案: 在动态创建的元素上进行事件绑定? 23个答案 我正在控制器中显示以下数据。 关于ajax成功的视图文件... 现在,我想在单击remove_from_cart类时调用另一个函数。 但是单击remove_from_ca
1回复

附加多个点击事件而不必重复自己

这是小提琴 。 忽略样式,那并不重要。 基本上,我需要打开Fancybox并显示两个链接,但是我只想要一个图库图像。 我很容易地发现了这一点。 单击缩略图时,它将触发li锚点。 为了使画廊分开,我为每个ol设置了唯一的类。 我遇到的问题是我会重复自己。 我试图做一个循环(