javascript - jquery附加在页面中

Question

我正在使用 ajax 获取一些信息到我的页面

在数组中收到的信息，所以我使用 for 循环以这种方式将它们附加到我的 html 页面:

for i to i less than my information  i++

$('#ul').append("<li>"+info[i]+"</li>");

但我想为每个“li”标签添加一个不同的 .click 事件，但我不想为此再循环一次。有什么简单的方法可以做到这一点吗？

我尝试了这些解决方案，但似乎没有任何效果:

一个)

for i to i less than my information  i++

$('#ul').append(   $("<li>"+info[i]+"</li>").click(function(){alert(i)})    );

返回所有的最后一个“i”值

B)

for i to i less than my information  i++

$('#ul').append("<li>"+info[i]+"</li>").find('li:last-child').click( function( {alert(i)} )    );

还返回所有的最后一个“i”值

有什么简单的方法可以做到这一点吗？

Answer 1

以下内容已经过测试，并按预期工作:

info = ["Jonathan","Sampson","Programming"];

$(info).each(function(i){
  $("<p>"+info[i]+"</p>").click(function(){
    alert(i);
  }).prependTo("body");
});