使用jQuery获取数据属性值

Question

我的HTML：

echo $class['id']

如何获取<a data-color="yellow">Yellow </a> <a data-color="red">Red</a> <a data-color="black">Black</a> 的值？

data-action

谢谢。

Answer 1

您可以使用.data方法。

$('a[data-color]').click(function(event) { 
  const val = $(this).data('color');
  console.log(val);
}

Answer 2

.attr()方法用于获取/设置属性。

$('a[data-color]').click(function(event) {
  $(this).attr('data-color'); //jquery
  this.attributes['data-color'].value //javascript
});