Как вытащить текст из генерируемой php переменной?

Question

[33remido]

У меня генерируется карточка с кофе, и при нажатии на ЛЮБУЮ из карточек у меня выводится алертом последняя добавленная запись (Американо).

Пожалуйста, подскажите, как можно выводить текст именно из определенной карточки? Document.innerHTML/Text не работает

Answer 1

[Иван Вишневский]

Нужно каждой карточке устанавливать уникальный id, напирмер, можно взять в php переменную $i = 0 и писать
А потом брать по конкретному id

Comments

[33remido]

У меня присваивается уникальный id к каждой карточке в базе данных как-то так

[Иван Вишневский]

33remido, Отлично, тогда этот id и нужно указывать на элементе. Когда вы берёте что-то вроде document.querySelector('#product'), вы получаете первое значение, потому что у вас все эти карточки содержат id. Нужно же ставить id из серии "product_0", "product_1", "product_2" и брать по ним. Тогда у вас не будет никаких проблем.

[Пашенька]

Не нужны никакие id. Просто нужно написать правильный слушатель клика (на карточки или на общего предка) и по целевому элементу из события определяется щёлкнутая карточка и любая информация из неё.

[Иван Вишневский]

Пашенька, я обычно назначаю всем карточкам один класс и добавляю data-id=${id}, а потом назначаю листенеров.

[Евгений]

$product локальна, она видна только в цикле, вы же вешаете обработчик за циклом...
В тексте вы вызываете функцию create() принадлежащую js, вот и сделайте так:
<a href="#" onclick="create(<?= $product[1] ?>);">
И сама функция:

function create(product) {
    alert(product);
}

[33remido]

Евгений, Спасибо вам большое, все сработало! Только одно замечание!

Нужно было взять в кавычки, ибо было not defined

[Евгений]

33remido, с телефона писал)