Здесь берется соответствующий индекс

Насколько я здесь вижу, элементов может быть не одинаковое количество

Нужно сгенерированный HTML а не PHP-код.

🙈

То что на скрине и так видно. Скопируй готовый полный HTML.

Отсюда.

теперь понял
вот
https://codepen.io/vladislav1996a/pen/VwaLVzO

Друзья а такой вопрос на засыпку, мне при нажачии на пикчу надо открыть модалку сфоткать и вернуть изображение, соответсвенно на модалке мне надо знать кто является родителем всей этой феерии, так вот

imgSeal.addEventListener('click', function () {
    console.log('imgSeal')
    const element = this
    console.log(element) // тут все ровно все еще img
    // TODO del jq
    $('#addPhoto').modal('show')
    document.getElementById("snap").addEventListener("click", (element) => {
        console.log(element) // а вот тут уже MouseEvent
    } );
})

чо за фигня

чем все закончилось?

вам удалось спасти мальчика из ямы?

Если тебе нужно получить только post_id из того блока где кнопка нажата, то достаточно изменить событие onclick="answer(this)" (добавил this) и внутри функции так сделать:

function answer(target) {

  const postId = target.parentElement
    .querySelector("#id_answer")
    .dataset.post_id;

  // ...

}

Т.е. поднимаемся на элемент выше и ищем в этом блоке #id_answer.

Но лучше всё это переписать. У тебя там такая каша. Дублируются ID, структура очень нагромождённая. Ты в этом сам скоро несможешь разбираться. Или уже :)

Там изначально абсолютно неверная логика

А вопросик мелкий при новой подписке на ивент старые удаляются или надо их руками сносить?

Что ты имеешь ввиду?