javascript - JavaScript 中 onclick 属性的变量范围

Question

我正在使用 Prototype 并尝试在循环中动态访问变量。

代码比我更会说话:

for (var i=0;i<5;i++) {
  $('parent' + i).insert(
    '<input type="button" value="Cancel" onclick="$('parent' + i).remove()" />',
    {position: 'after'}
  );
}

问题在于，当我单击任何取消按钮时，i 未定义。

如何更改变量范围以便 i 为每个按钮保留正确的值？

我对任何解决方法都不感兴趣。

Answer 1

我认为您将 i 放入带引号的字符串中，而不是 parent 中，因此它处于错误的范围级别(从概念上讲)。

for (var i=0;i<5;i++)
{
    $('parent' + i).insert(
      '<input type="button" value="Cancel" onclick="$(\'parent' + i +
         '\').remove()" />', {position: 'after'});
}