Почему не работает инкремент?

Question

[svilkov87]

Всем доброго дня или вечера/ночи!

Суть проблемы.

Вот скучный код, в котором не работает инкремент в 11 строке ( оставил коммент там ).

Подразумевается, что при наведении на любой элемент списка, должен присваивается дата-артибут для всех следующих элементов списка. Значение в переменной должно увеличиваться на единицу в переменной i. Но этого не происходит.

Буду благодарен за ответ.

Answer 1

[twobomb]

Вынеси var i = 0; // счетчик за each. У тебя каждый each заново присваивает i = 0

Comments

[svilkov87]

сделал, но не работает

[twobomb]

svilkov87, А зачем это $( this ).each(function (e) {....
Если this это один элемент, тот на который вы навели.

[svilkov87]

Потому что мне нужно найти NextAll(), а без $( this ) я этого не смогу сделать.

[twobomb]

svilkov87, Что вы хотите получить в конечном итоге?

[svilkov87]

Получить буквально следующее. Навел на конкретный элемент, для всех следующих после него установить дата-артибут data-position="i++". Т.е. у первого следующего элемента data-position="1", у второго следующего data-position="2", у третьего следующего data-position="3" итд... Так вот эти 1,2,3 не могу получить в цикле, чтобы инкремент работал.

[twobomb]

svilkov87, Вот так?

[svilkov87]

twobomb, Да, большое спасибо. Вышло лаконично. А мне казалось, что я знаю jquery)

Answer 2

[Егор Живагин]

Нужно так ?

В процессе поиска бага чуток переписал код

Comments

[svilkov87]

Да, то что нужно. Спасибо.

Answer 3

[Вадим]

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