Как сделать что бы в новым div появились еще div's (ID не используя)(Jquery)?

Question

[Валентин Бируля]

Когда нажимаю на кнопку создается див ,но как сделать так ,что бы при нажатие на кнопку создался див в котором 2 дива ,а в них еще всякие дивы .И при повторение операции создался бы точно такой же набор дивов.(Можно ли это сделать с помощью (this) и если можно то как?

П.с Пример дивов которые должны создаваться в коде

Помогите пожалуйста ,уж очень трудно мне дается jquery с JS ...

Comments

[Илья]

Великолепная постановка задачи. Див 2 дива внутри дива. У вас блоки и кнопки имеют конкретное название и содержание

[Пашенька]

Не могу сфокусироваться на задаче, созерцая такое количество безграмотности.

[Валентин Бируля]

Илья, Они временно имеют конкретное значение ,само собой потом я их поменяю(Если получится).
Я действительно не понимаю пока ничего в js и jquery . Это может быть смешно ,но я над этой задачей бьюсь уже 3 день.Сначала пробовал ,создать сразу объект в котором див с дивами ,но потом понял ,что не смогу запихнуть туда значения переменных .Вот решил создавать див в котором дивы в которых дивы ,что б в них можно уже запихнуть значение из правого блока.

[Пашенька]

Валентин Бируля, Что мешает создать сразу необходимую структуру div'ов в строке

$('#list-case').prepend('<div class="case-top"></div>');

like

$('#list-case').prepend('<div class="case-top"><div class="another-div"></div></div>');

?
this здесь ни при чём, так как this'ом, в данном случае, будет являться кликнутая кнопка. Ваша постановка задачи удручает.

[Валентин Бируля]

Пашенька, У меня все так и было ,но тогда проблема появляется в другом ,как я тогда запихну туда значение с правой колонки?

[Пашенька]

Валентин Бируля, легкотня:

$('#list-case').prepend('<div class="case-top">' + document.getElementById('name-case').value + '</div>');});

А чтобы красиво использовать this, как вы хотели, нужно обработчик вешать на всю форму на событие

document.querySelector('.new-case').on('submit', function(event) {
    /*...*/
});

, а не на button, но это должен быть form, а не div, чтобы это работало.

[rasetty]

innerHTML, пробуйте - чистый js

[Валентин Бируля]

Пашенька, Спасибо большое ,сработало...Теперь буду знать что так можно спасибо большое ,уже руки опускались