@usedtoknow

Как создать блок по клику на кнопку «Добавить»?

Как при нажатии на кнопку, сверху создать такой же блок, что уже есть, а снизу будет все та же кнопка добавления блока и так до бесконечности?

https://jsfiddle.net/y3btkm6c/65/
  • Вопрос задан
  • 2792 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Скопировать оригинал и по клику копировать копию:

const $block = $('.block_to_add').clone();

$('.click_to_add_block').click(function() {
  $(this).before($block.clone());
});

UPD. Вынесено из комментариев:

А подскажите, как удалить один из блоков по клику на другую кнопку?

Добавить в блок кнопку удаления и обработчик клика:

$(document).on('click', '.delete', function() {
  $(this).parent().remove();
});

<button class="delete">удалить</button>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы