Подскажите айди я вывел обьекта, у него в таблице есть див 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">×</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>