Попытка l oop через идентификаторы с php и по щелчку, чтобы получить модальное всплывающее окно

Question

У меня есть несколько карточек продуктов, которые зацикливаются на php. Я хочу добавить клик на карту, где появляется модал. Я попытался

HTML

Скрипт

var img = document.getElementById("user-image<?php echo $count ?>");

var modalImg = document.getElementById("img01");

img.onclick = function(){

    console.log("testing image loop")

modal.style.display = "block";

modalImg.src = this.src;

captionText.innerHTML = this.alt;

}

Этот скрипт выше не работает, поэтому я попытался просто посмотреть, будет ли он скрывать или делать что-либо вообще со следующим кодом, и это сделал. Любая идея, как я могу реализовать img.onlick выше в этот щелчок ниже?

$('.open-lightbox').on('click', function test(){

    $(this).find('img').hide();

});

Answer 1

Я думаю, что что-то не так с вашим счетчиком $, потому что я тестировал этот код, и хотя я определяю $ count в верхней части кода, img.onclick работает правильно и записывает в консоль: "тестирование образа l oop". В любом случае, если вы хотите сделать это по-другому, вы можете сделать это так:

var imageElem = $('.open-lightbox').find('img');

$(imageElem).on('click', function test(){
        console.log("testing image loop");
        //and the rest of your code
});