获取变量值的数据值

Question

我有一个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 ?>"

我如何在脚本中指定这个变量的值?

Answer 1

由于您希望使用$k变量获得特定元素的数据值，因此最好的方法是为该特定元素提供一个id，并通过id:

选择它。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"

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

希望这有帮助，干杯!