javascript - 如何使用 jQuery 获取字符串形式的 HTML 数据值？

Question

我的源 HTML 中有以下内容:

<li><a href="#" data-value="01">Test</a></li>

我想获取数据属性的值，因此我使用以下内容:

var abc = $(this).data('value');

这可以正常工作，但如果有前导零则不行。例如上面的将值“1”放入 abc 中。

有没有办法让我不将“01”转换为“1”？

Answer 1

this.dataset.value;

// Or old school
this.getAttribute('data-value');

const a = document.querySelector("a");
console.log('Using getAttribute, old school: ', a.getAttribute('data-value'));
console.log('Using dataset, conforms to data attributes: ', a.dataset.value);

<ul>
  <li><a href="#" data-value="01">Test</a></li>
</ul>

感谢 @MaksymMelnyk 对 dataset 的提醒