javascript - 如何使用 jQuery 访问元素自己的事件处理程序中的数据？

Question

我想检索按钮自身事件处理程序内的 data 属性。我在最后尝试了以下 HTML 的 jQuery 代码。但按钮似乎没有像我预期的那样响应:

$('btn.btn-add-layer').on('click', function() {
  var layertype = $(this).data('layertype');
  alert('type : ' + layertype);
});

有人可以帮助解释如何解决上述问题，以便按钮可以告诉其数据吗？

谢谢

HTML:

<button data-layertype="base" class="btn btn-primary btn-xs btn-add-layer">OK</button>

-- 编辑--

感谢所有提供帮助的人。正如我在两个答案中怀疑并指出的那样，这是一个错字。我正在考虑 button.btn-... 但写了 btn.btn-...。

Answer 1

您必须选择带有button.btn-add-layer的按钮，您的代码必须如下:

 $('button.btn-add-layer').on('click', function() {
  var layertype = $(this).data('layertype');
  alert('type : ' + layertype);
 });

有关 jquery 按钮选择器的更多信息，来自 here