cordova - How to dynamically set click event in jquery mobile inside a for loop -

here problem. want dynamically generate <li></li> elements inside loop. click events, invoke function called showlessonlist(), , want pass 1 parameter loop iterator value(value of index) ,how can ? beginner, kindly me,thanks in advance.

my code here

for (var index = 0; index < coursedata.subjects.length; index++) {         var li = document.createelement('li');         li.setattribute("data-tab", "1");         li.setattribute("vclick",'showlesssonlist('+ index +')');         li.innerhtml = coursedata.subjects[index].title;         $('#subjectlisttabs').append(li);     } 

i want invoke showlessonlist() respective index value taking parameter when click or tap on <li> element generated inside loop

i developing mobile app cordova , kindly suggest me event should use vclick or click, tap, onclick. , kindly show way dynamically set these event inside loop respective index value take function parameter.
post replays earlier possible. again in advance.

you need below code: dynamically associate click event unique identifier of li in creation phase itself.

 (var index = 0; index < coursedata.subjects.length; index++) {         var li = document.createelement('li');         li.setattribute("data-tab", "1");         li.setattribute("id", "subtab_" + index);         li.innerhtml = coursedata.subjects[index].title;          $('#subjectlisttabs').append(li); // adding subject tabs dynamically          $("#subtab_" + index).off('vclick').on('vclick', function(e) {              alert("you clicked: " + $(this).attr('id'));         });     }