Показать несколько экземпляров одного и того же div

Question

У меня есть список имен, к которым я хочу добавить данные, используя форму.

например,
Джон Доу
Салли Смит
Дженнифер Джексон

Я хотел бы иметь возможность отображать форму под выбранным именем, используя jquery и форму в div.Так, если пользователь нажимает на Салли Смит, под ее именем отображается div формы.

Например,
Джон Доу
Салли Смит
FORM DIV HERE
Дженнифер Джексон

Я знаю, как показать / скрыть div, но я не знаю, как я могу воспроизвести один и тот же div несколько раз.Каждый div содержит одинаковую информацию, но она должна отображаться под выбранным именем.Было бы хорошо, если бы я мог просто создать div один раз и изменить идентификатор для div, чтобы он совпадал с именем человека.(т.е. class="sally-smith-form")

Нужно ли создавать форму div для каждого имени в листинге или есть лучший способ?

Answer 1

Попробуйте .clone().Вы можете скопировать элемент, а затем добавить после другого элемента:

$('#place_to_insert').after($('.sally-form-form:first').clone());