Edit in JSFiddle

$(function() {

  var li = $('.list-element');


  for(var i = 0; i < li.length; i++) {
        console.log(i);
        var id = i;
        li.eq(i).on('click', function() {
           console.log(id);
        });
    }
  /*
  li.each(function(index) {
    $(this).on('click', function() {
      console.log(index)
    });
  });
  */
});