Никак не получается скопировать отдельный элемент.
Вот пример:
<input class="check" name="name" type="checkbox">
Мне нужно, чтобы при активации checkbox срабатывало копирование элемента с определенным классом.
Допустим есть несколько элементов с таким классом:
<div>
<p><input class="check" name="name" type="checkbox"></p>
<p class="copy">1</p>
</div>
<div>
<p><input class="check" name="name" type="checkbox"></p>
<p class="copy">2</p>
</div>
<div>
<p><input class="check" name="name" type="checkbox"></p>
<p class="copy">3</p>
</div>
<div>
<p><input class="check" name="name" type="checkbox"></p>
<p class="copy">4</p>
</div>
...
<div class="modal"></div>
Как мне с помощью (this) копировать каждый элемент по отдельности?
Пытался так, но тогда все элементы копируются:
$('body').on('change', '.check:checked', function(){
$(.copy).clone().appendTo( ".modal");
});