Javascript JQuery动态创建元素并单击事件

使用jquery动态创建链接列表，并希望将分离的

单击
事件绑定到每个链接

  for (var i = 0; i < 7; i++) {
      var li = $('<div>').appendTo($("#AK_test"));
      var aleg = $('<a>').css('color','#337ab7').text(" link # " + i);

      aleg.on("click", createClickEvent(i));
      aleg.appendTo(li);
      $('<br>').appendTo(li);
  }
  function createClickEvent(i) {
      return function() { alert(i); };
  }
  <div id="AK_test"></div>


for（变量i=0；i<7；i++）{
var li=$（''）.addClass（'text-primary'）.css（“游标”、“指针”）.appendTo（$（“#aku测试”）；
var aleg=$（''）.addClass（'pull-left text primary'）.css（'color'，'#337ab7'）.text（'Clickable link#“+i）；
aleg.on（“单击”，函数（）{
警报（“单击#”+i）；
});
阿列格·阿佩托（李）；
$（“
”）。附录（li）；
}
感谢T.J.Crowder找到了原始解决方案

  for (var i = 0; i < 7; i++) {
      var li = $('<div>').appendTo($("#AK_test"));
      var aleg = $('<a>').css('color','#337ab7').text(" link # " + i);

      aleg.on("click", createClickEvent(i));
      aleg.appendTo(li);
      $('<br>').appendTo(li);
  }
  function createClickEvent(i) {
      return function() { alert(i); };
  }
  <div id="AK_test"></div>

这里是相同的修复-我的问题代码在这个问题上-

  for (var i = 0; i < 7; i++) {
      var li = $('<div>').appendTo($("#AK_test"));
      var aleg = $('<a>').css('color','#337ab7').text(" link # " + i);

      aleg.on("click", createClickEvent(i));
      aleg.appendTo(li);
      $('<br>').appendTo(li);
  }
  function createClickEvent(i) {
      return function() { alert(i); };
  }
  <div id="AK_test"></div>

for（变量i=0；i<7；i++）{
var li=$（''）。附录（$（“#AKU测试”）；
var aleg=$（''）.css（'color'，'#337ab7'）。text（“link”+i）；
点击，创建点击事件（i）；
阿列格·阿佩托（李）；
$（“
”）。附录（li）；
}
函数createClickEvent（i）{
返回函数（）{alert（i）；}；
}
欢迎使用堆栈溢出！问题的全部内容必须在问题中，而不仅仅是链接。链接会腐烂，使得问题及其答案对未来的人们来说毫无用处，人们不应该非得离开网站去帮助你。提出一个问题，最好使用堆栈片段（工具栏按钮）使其可运行。更多：根据您的描述，这可能是一个复制品。