使用變數值取得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"

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

希望這有幫助，乾杯！