javascript - Javascript 函数只能通过显式编码而不是在 for 循环中工作

Question

我有以下完美运行的 Javascript 代码：

$(document).ready(function() {   
  $("#Select1").setDefault();    
  $("#Select2").setDefault();     
  $("#Select3").setDefault();      
  $("#Select4").setDefault();   
  $("#Select5").setDefault();      
  $("#Select6").setDefault();   
});  

现在，如果我使用以下紧凑代码，它将不起作用：

$(document).ready(function() {
  for(i=1; i<=6; i++){
    $("#Select"+i).setDefault();    
  }
}); 

如果我写， for 工作正常：

for(i=1; i<=6; i++){
    alert(i);    
}

任何的想法？

PS：我使用 Chrome 和 Firefox

Answer 1

循环代码缺少右括号...)

$(document).ready(function() {
  for(i=1; i<=6; i++){
    $("#Select"+i).setDefault();    
  }
}); 

使用像 Firebug 这样的开发人员工具会为您突出显示这些语法错误。如果您使用的是 Chrome，请按 F12，您将可以访问 JavaScript 控制台等...

Answer 2

您可以修复使用循环的现有代码，但是作为替代且可能更清洁的解决方案，请尝试使用以 selector 开头的属性：

$(document).ready(function() {   
    $('[id^="Select"]').setDefault();    
}); 

假设您<select>在 HTML 中使用 s （根据您的 ID 猜测），您可以使选择器更具体一点：

$('select[id^="Select"]').setDefault();