我可以在 div 上使用自定义属性吗？

Question

我需要在 jQuery 中获取一个数字值，但要使其正常工作，我的div.

<div class="button" id="button$post" numberlk="$total">

这工作正常！但是 HTML 验证器告诉我：

错误：此时元素 div 上不允许使用属性 numberlk。

我该怎么做才能使其正常工作？

Answer 1

虽然可以在 HTML 中创建自己的属性，但您不应该这样做。这是因为它会使您的 HTML 无效，这可能导致 UI 以及页面上运行的任何 Javascript 出现意外问题。

在元素中存储自定义元数据的更好方法是使用data属性代替，例如data-numberlk="$total"

<div class="button" id="button$post" data-numberlk="$total">

然后，您可以使用以下data()方法在 jQuery 中检索此值：

var likes = $('.button').data('numberlk');

或者使用普通的 JS：

var likes = document.querySelector('.button').dataset.numberlk;