javascript - 如何使用href属性来存储元数据？

Question

我有一个 href 标记，单击该标记会打开一个弹出窗口。

我想在 href 标记中存储其他信息，以便我可以从弹出窗口中获取该信息。

<a href="" class="js-stripe-button">Order</a>

如果我想存储以下信息，我可以存储在href标签本身吗？

amount
description

我的 jquery 目前看起来像:

$(".js-stripe-button").on("click", function(e){
   e.preventDefault();

   var amount = ???
   var description = ???
}();

是否有内置方法可以从单击的元素中获取值？

Answer 1

您可以使用Data Attributes并存储“任何东西”。

<a href="" class="js-stripe-button" data-amount="10" data-description="My Description">Order</a>

然后用 dataset 获取它

var amount = element.dataset.amount;