dynamic - How do I bind an index number to an event using jQuery's each function? -


i have function want execute particular number. number dynamic, depending on number of elements in ul element. in example, let's there 10 li elements.

function alertthisnum(itemnum) {     alert(itemnum); }  $('ul li').each(function(index) {     itemnum = index + 1;     $("a#" + itemnum).bind("click", function() {         alertthisnum(itemnum);     }); }); 

the problem is, itemnum last number. binds number 10 links.

how a.1 alert "1", a.2 alert "2", , on?

localize itemnum variable preceding line itemnum = index + 1; var keyword:

var itemnum = index + 1; 

http://jsfiddle.net/jaaulde/fnsma/


Comments