Добавьте последовательные идентификаторы в div внутри родительского контейнера с jquery

Question

Я хочу добавить последовательные идентификаторы ко всем элементам div в родительском контейнере, чтобы он выглядел следующим образом.

<div id="parent">
  <div id="id1">content</div>
  <div id="id2">content</div>
  <div id="id3">content</div>
</div>

Я пробовал:

$('#parent').children().each(function() {
  var count = 1;
  $(this).attr('id', 'id'+count);
  count++;
});

… и он просто добавляет Идентификатор id1 для всех div.

Спасибо за любую помощь!

Answer 1

 var count = 1; 
 $('#parent').children().each(function() {
   $(this).attr('id', 'id'+count);
   count++;
});

Поместите вашу переменную вне функции обратного вызова, и она будет работать.

Answer 2

Вы должны объявить переменную count перед l oop, а не в l oop.

Или

Вы можете использовать индексный параметр each

$('#parent').children().each(function(index) {
  $(this).attr('id', 'id' + index);
});