Получить значение данных с переменным значением
У меня есть data-value в моем php-коде, который используется в нескольких местах, например:
<a class = "dropdown-item" data-value = "<?= $i ?>"></a>
<a class = "dropdown-item" data-value = "<?= $k ?>"></a>
И теперь мне нужно использовать одно из этих значений в скрипте
getAttribute('data-value')
Но я не могу просто использовать data-value, так как это будет актуально для всего, что у меня есть, мне нужно использовать только это data-value = "<?= $k ?>"
Как я могу указать значение этой переменной в скрипте?
@RiggsFolly Это не часть класса, я просто сделал небольшую ошибку, я изменил это как должно быть, извините
если у вас есть более одного data-value на разных элементах html, сначала вам нужно определить конкретный элемент html, а затем получить доступ к значению данных. так нравится elem.getAttribute('data-value');
@RiggsFolly Но когда у меня даже одинаковые имена классов, как я могу это определить? добавить для этого отдельный класс?
да, или id
Нам нужно будет увидеть больше вашего фактического кода, чтобы знать, как дать более конкретный ответ.
@RiggsFolly Мой фактический код одинаков, классы везде одинаковые, только переменные разные, кажется, что единственный выход - добавить новый класс для этого
Покажите конкретный код, где вам нужно получить доступ к этому data-value
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
поскольку вы хотите получить значение данных определенного элемента с помощью переменной $k, лучше всего указать идентификатор этого конкретного элемента и выбрать его по идентификатору:
HTML
<a id = "element_with_k" class = "dropdown-item" data-value = "<?= $k ?>"></a>
JS
const elementWithK = document.getElementById('element_with_k');
elementWithK.dataset.value // "the content of $k"
Если вы хотите выбрать несколько элементов, вы добавляете дополнительный класс к этим элементам, запрашиваете все элементы, которые имеют дополнительный класс, перебираете их и получаете значение каждого элемента.
Надеюсь, это поможет, ура!
Если я не ошибаюсь, это не должно быть частью
class, вместо этого делайте<a class = "dropdown-item" data-value = "<?= $i ?>"></a>