Как получить innerhtml перетаскиваемого элемента на кнопку onclick?

В принципе, я создал html шаблон перетаскивания с помощью javascript, я хочу получить внутренний html перетаскиваемого элемента в кнопке onclick('') автоматически для запуска функции, то есть то, что перетаскивается, добавляет имя элемента в кнопку onclick('').

пожалуйста, помогите мне с этим...

<button class="btn btn-primary pull-right" id="show_graph">SHOW</button>

JavaScript код

  $('.drag').draggable({
    appendTo: 'body',
    helper: 'clone'
  });

  $('#dropzone').droppable({
    activeClass: 'active',
    hoverClass: 'hover',
    accept: ":not(.ui-sortable-helper)", 
    drop: function (e, ui) {
      var $el = $('<div class="drop-item"><details><summary>' + ui.draggable.text() + '</summary><div><label>More Data</label><input type="text" /></div></details></div>');
      $el.append($('<button type="button" class="btn btn-default btn-xs remove"><span class="fa-solid fa-trash text-white "></span></button>').click(function () { $(this).parent().detach(); }));
      $(this).append($el);
    }
  }).sortable({
    items: '.drop-item',
    sort: function () {
      $(this).removeClass("active");
    }
  });

Здесь цикл for используется с помощью Django, а это перетаскиваемые элементы.

  {% for item in head %}
  <div class="col-12">
    <a class="border border-light btn att1 btn-default drag text-white my-2">{{item}}</a>
   </div>
  {% endfor %}

Вернуться на верх