Как добавить дата-атрибут, содержащий индекс элемента?

Question

[olya_097]

первому элементу data-index="0"
второму data-index="1"
и тд
https://jsfiddle.net/k51bL7yh/1/

Answer 1

[Stockholm Syndrome]

$('.wrap .item').each(function(i) {
  $(this).attr('data-index', i);
});

Comments

[olya_097]

Stockholm Syndrome, спасибо
а если таких блока 2?
это не будет дублирование?
в том плане может можно как то упростить еще

$('.content-catalog .item-img').each(function(i) {
	  $(this).attr('data-index', i);
	});

	$('.overlay .slide-item').each(function(i) {
	  $(this).attr('data-index', i);
	});

[Stockholm Syndrome]

olya_097,

function setIndexes(selectors) {
  selectors.forEach((selector) => {
    $(selector).each(function(i) {
      $(this).attr('data-index', i);
    });
  });
}

setIndexes([
  '.content-catalog .item-img', 
  '.overlay .slide-item'
]);

[olya_097]

Stockholm Syndrome, спасибо огромное

[Сергей delphinpro]

olya_097,

В jquery есть метод data()

$(selector).each(function(i) {
    $(this).data('index', i);
});

В нативном js вы можете оперировать датасетом

$(selector).each(function(i, el) {
    el.dataset.index = i;
});

Меньше кода =)