如何在一个循环中循环这个javascript代码

时间:2013-09-17 16:53:27

标签: javascript jquery function loops

所以这是我的javascript代码,我试图在一个循环中循环。对于156个唯一ID,循环必须重复156次。

$("#w1").click(function ( event ) {
    event.preventDefault();
    $("#q1").hide();
});
$("#w2").click(function ( event ) {
    event.preventDefault();
    $("#q2").hide();
});
$("#w3").click(function ( event ) {
    event.preventDefault();
    $("#q3").hide();
});
...etc

2 个答案:

答案 0 :(得分:2)

使用for循环,以编程方式构建选择器字符串。

提示:"#q" + 1"#q1"等。将其包裹在for循环中,将1替换为变量,您基本上已完成。

答案 1 :(得分:1)

你的意思是

for (var i=1;i<=156;i++) {  
  $("#w"+i).click(function ( event ) {
    event.preventDefault();
    $("#q"+i).hide();
  });

如果您改为将所有 w 链接到一个班级,那么

$(".wclass").on("click",function(e) {
    e.preventDefault();
    var idx = this.id.substring(1);
    $("#q"+idx).hide();
});