獲取具有變量值的數據值

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

<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"

如果您要選擇多個元素，則向這些元素添加一個額外的類，查詢具有額外類的所有元素，遍歷它們並獲取每個元素的值。

希望這會有所幫助，干杯！