Странные вещи в JavaScript для

Это связано с областью видимости JavaScript. Вы можете легко обойти это, введя другую область видимости, добавив функцию и заставив эту функцию вызвать себя и передать i:

for (var i = 1; i <= some_number; i++) {
  (function(j) {
    $("#some_button" + j).click(function() {
      alert(j);
    });
  })(i);
}

Это создает закрытие - когда внутренняя функция имеет доступ к области, которая больше не существует, когда функция вызывается. Дополнительную информацию см. В этой статье о MDC.

РЕДАКТИРОВАТЬ: RE: Самовызывающиеся функции: самовызывающая функция - это функция, которая вызывает себя анонимно. Вы не создаете его экземпляр и не присваиваете его переменной. Он принимает следующую форму (обратите внимание на открывающие скобки):

(function(args) {
  // function body that might modify args
})(args_to_pass_in);

В отношении этого вопроса тело анонимной функции будет выглядеть следующим образом:

$("#some_button" + j).click(function() {
  alert(j);
});

Объединив их вместе, мы получим ответ в первом блоке кода. Анонимная функция самовызова ожидает аргумент с именем j. Он ищет любой элемент с идентификатором some_button с целочисленным значением j в конце (например, some_button1, some_button10). Каждый раз, когда щелкают по одному из этих элементов, отображается значение j. Предпоследняя строка решения передает значение i, которое является счетчиком цикла, в котором вызывается анонимная функция самовызова. Если сделать по-другому, это может выглядеть так:

var innerFunction = function(j) {
  $("#some_button" + j).click(function() {
    alert(j);
  });
};

for (var i = 1; i <= some_number; i++) {
  innerFunction(i);
}

У вас очень распространенная проблема с закрытием в for1. .

Переменные, заключенные в замыкание, используют одну и ту же единую среду, поэтому к моменту вызова обратного вызова click цикл завершится, и переменная i останется указывающей на последнюю запись.

Вы можете решить эту проблему с помощью еще большего количества замыканий, используя фабрику функций:

function makeOnClickCallback(i) {  
   return function() {  
      alert(i);
   };  
} 

var i;

for (i = 0; i < some_number; i++) {
    $("#some_button" + i).click(makeOnClickCallback(i));
}

Это может быть довольно сложной темой, если вы не знакомы с тем, как работают замыкания. Вы можете ознакомиться со следующей статьей Mozilla для краткого введения:

• Работа с замыканиями

Потому что в тот момент, когда вы нажимаете на них, i == 5.

Это связано с тем, как замыкания работают в JavaScript. Каждая из 5 функций, которые вы создаете, в основном использует одну и ту же переменную i. Значение i внутри вашей функции оценивается не при создании функции, а при возникновении события щелчка, когда значение i равно 5.

Есть различные способы обойти это (когда такое поведение не то, что вам нужно). Один (если у вас есть простая функция, как здесь) - использовать конструктор функции вместо литерала функции:

$("#some_button" + i).click(new Function("alert("+i+")");

  (function (some_number) {
    for (i = 1; i <= some_number; i++) {
      $("#some_button" + i).click(function() {
        alert(i);
      });
    }
  })(some_number);

Оберните функцию снаружи, потому что для скорости и того факта, что я буду продолжать сбрасывать.

Это очень умный код. Так умно это вопрос по ТАК. :) Я бы вообще обошел этот вопрос, сделав код глупее, просто чтобы иметь шанс понять его (или дать понять его коллеге) через шесть месяцев. Замыкания имеют свое место, но в этом случае я бы избегал их в пользу более понятного кода.

Возможно, я бы прикрепил одну и ту же функцию ко всем кнопкам, которые будут получать кнопку из события, убрать some_button из идентификатора и предупредить результат. Не так красиво, но я гарантирую, что каждый в офисе сможет сразу увидеть его.