Как обработать копию div в другой div с помощью jquery идентификатора данных

#javascript #jquery

Вопрос:

У меня есть div, имеющий элемент, который повторяется 4 раза с другим идентификатором данных.Я хочу создать копию div в другой div по классу и идентификатору данных того же элемента, на который я нажал.

Копия будет перемещена во всплывающее окно

Чего я смог достичь до сих пор, так это:

 <script src = "https://code.jquery.com/jquery-3.5.1.min.js"> </script>
<script>
$ (document) .ready (function () {
     $ (". woobt-product-together"). on ("click", function () {
         var dataId = $ (this) .attr ("data-id");
     $ (document) .ready (function () {
   $ ("# div2"). html ($ (". woobt-product-together"). html ());
     });
});

});
 

Что происходит прямо сейчас, так это то, что копируется только первый класс в списке, во все различные всплывающие окна

Спасибо

Комментарии:

1. Что вы подразумеваете под «скопирован первый класс в списке»? Где этот код копирует какие-либо классы?

2. Что это значит? У меня есть div, класс которого одинаков, и у каждого из них свой идентификатор данных