Задать вопрос
mk3mk
@mk3mk
занимаюсь вёрсткой (иногда)
javascript

Как присвоить уникальный id каждому создаваемому элементу класса?

Есть один элемент класса. Создаю новые экземпляры с таким же классом при нажатии на кнопку с помощью JQuery. Метод .clone().appendTo(). Т.е. клонируется первый элемент , как бы прототип, и его клон вставляется в ДОМ. Надо чтобы первому созданному таким образом элементу был присвоен id=1, второму id=2 и т.д. И еще, как вариант, сделать, чтобы номер первый был 001, второй 002 и т.д.
  • Вопрос задан
  • 1261 просмотр
9 комментариев
Подписаться 1 Простой 9 комментариев
Решения вопроса 1
zendor
@zendor
UPD: исправил, совсем забыл что id обязательно должен начинаться с буквы.
let id = 1;

$('.button').click(function() {
  const node = $('.project').clone()[0];
  node.id = `id${id++}`;
  $(node).appendTo('body');
});

Если нужно чтобы id был вида 'id001' тогда:
function pad(v) {
  return 'id' + ('00' + v).slice(-3);
}

let id = 1;

$('.button').click(function() {
  const node = $('.project').clone()[0];
  node.id = pad(id++);
  $(node).appendTo('body');
});
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Повысить оригинальность работы с 14% до 70%
25 апр. 2024, в 23:14
1600 руб./за проект
Доработать приложение - интегрировать виджет TODOs
25 апр. 2024, в 22:44
5000 руб./за проект
Доделать проект - расширение для Whatsapp (Chrome)
25 апр. 2024, в 22:33
15000 руб./за проект
Ещё заказы