Why doesn't increment work?

Question

JavaScript

Good afternoon/evening/night everyone!

The essence of the problem.

Here is a boring code where the increment on line 11 does not work (I left a comment there).

It is understood that when hovering over any element of the list, the date-artibut for all subsequent elements of the list should be assigned. The value in the variable must increase by one in the variable i. But that doesn't happen.

I will be grateful for the answer.

Answer 1

Take out for each. You have each each re-assigns i = 0 var i = 0; // счетчик

Answer 2

$(document).ready(function(){
  var i=0;
  $('ul li').each(function(){
    $(this).attr('data-position', i);
    i++;
    console.log(i);
  });
});