使用变量值获取data-value

Question

我的 php 代码中有一个 data-value 在多个地方使用，例如：

<a class="dropdown-item" data-value="<?= $i ?>"></a>
<a class="dropdown-item" data-value="<?= $k ?>"></a>

现在我需要在脚本中使用这些值之一

getAttribute('data-value')

但我不能只使用 data-value，因为它将与我拥有的所有内容相关，我只需要使用这个 data-value="<?= $k ?>"

如何在脚本中指定此变量的值？

Answer 1

由于您想使用 $k 变量获取特定元素的数据值，因此最好的选择是为该特定元素提供一个 id 并通过 id 选择它：

HTML

JS

const elementWithK = document.getElementById('element_with_k');

elementWithK.dataset.value // "the content of $k"

如果您想要选择多个元素，那么您可以向这些元素添加一个额外的类，查询所有具有额外类的元素，循环遍历它们并获取每个元素的值。

希望这有帮助，干杯！