Как кастомному атрибуту в each добавлять к названию по + 1?

Question

[litash]

Нужно к атрибуту customattr="test" добавлять по +1, чтобы значения атрибута были уникальны. Чтобы первый li был test1, второй test2, третий test3, потом div customattr="test4" и так далее. Как это сделать?

Вот https://codepen.io/litash/pen/yQooeM?editors=0010 пример, у меня везде test1.

Answer 1

[Владимир Проскурин]

https://codepen.io/anon/pen/WYEEBE

Answer 2

[0xD34F]

Не нужен тут никакой each, обращаться к элементам непосредственно необходимости нет:

$('li, div, p', '#wrapper').attr('custom-attr', i => `test${i + 1}`);

Конечно, если не решите отказаться от jquery:

document
  .querySelector('#wrapper')
  .querySelectorAll('li, div, p')
  .forEach((n, i) =>  n.setAttribute('custom-attr', 'test' + -~i));