Генерация динамического идентификатора

Question

В AEM я добавил выпадающий компонент с тем же идентификатором, поэтому мне понравился динамический идентификатор с использованием JQuery, но последнее увеличенное значение присваивается всем идентификаторам.

var count=0;

$(".tab").each(function(count) { 
    $("select.tab-select").attr("id","tab-select"+count);

    count++;
});

Answer 1

Вам не нужен цикл each() здесь. Вместо этого вы можете предоставить функцию для prop(), которая принимает индекс текущего элемента, а затем возвращает новое значение, которое будет установлено, например:

$("select.tab-select").prop("id", function(i) {
  return 'tab-select' + i;
});

Answer 2

Вам необходимо использовать ключевое слово this, например:

$(".tab").each(function(index) {
    $("select.tab-select", this).attr("id","tab-select"+index);
});

ПРИМЕЧАНИЕ: Вам не нужно увеличивать переменную count, поскольку функция each() уже возвращает увеличенное значение в качестве индекса.