Как получить модальное окно с айди?
Различное содержимое  модального окна в Bootstrap 5
пример передачи разных параметров в одно и то же окно:
snippet
Подскажите айди я вывел обьекта, у него в таблице есть див abs 4 
{% if row.sysinfo %}<div class="my-abs4" id="my-abs4" data-id="{{row.id}}">{{row.sysinfo}}</div>{% endif %}

он тоже цепляется с первым айди, ему как то можно присвоить data-id?(по аналогии выше)  чтобы отображалась информация c diva в textarea по нему в модалке?? 

<script>
const modalBody = document.querySelector('div.modal-body');
console.log(modalBody);
function insertModal(id){
      console.log(id);
      modalBody.innerHTML = '<p>'+id+'</p>';
 $("#exampleFormControlTextarea1").html($('div .my-abs4').html());
      $(".modal-header").text('Внутренняя/служебная информация' + '\n' + '#' + '\n' + id);
}
</script>

<div class="modal fade" id="modal-example" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">	
            <!-- заголовок -->
            <div class="modal-header" style="text-align:center;font-size:24px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть">
                    <span aria-hidden="true">&times;</span>
                </button>
            
            </div>
            <!-- содержимое -->

            <div class="modal-body">
             
<textarea class="form-control" style="overflow:auto;resize: vertical;height:300px;" id="exampleFormControlTextarea1" rows="2" placeholder=""></textarea>
            
              
            </div>
             
            <!-- подвал -->
            <div class="modal-footer">
            
                
                <button type="submit" class="btn btn-primary w-100" style="width:100%;" name="actualize">Сохранить</button>
            </div>
        </div>
    </div>
</div>