嘿，我来帮你搞定这个困扰！你遇到的问题其实是jQuery的data()方法和DOM属性读取的规则差异导致的，下面给你拆解清楚，还有两种靠谱的解决办法：

问题根源 #

你写的$(this).data('data-analystId')是错误的用法——jQuery的data()方法会自动忽略属性名里的data-前缀，而且会对属性名做驼峰转换（但HTML属性本身是大小写不敏感的，所以data-analystId会被浏览器解析成小写的data-analystid）。另外，如果你直接用attr()，需要指定完整的属性名，不能多加前缀。

两种有效解决方法 #

方法1：用attr()直接读取DOM属性 #

这个方法最直接，完全按照HTML里写的属性名来读取，不会做任何转换，适合你现在的情况：

$('button').click(function() {
  var analystID = $(this).attr('data-analystId');
  console.log(analystID); // 能正确输出属性值
});

方法2：用data()方法（遵循命名规则） #

如果想继续用data()，需要注意它的命名转换逻辑：

• 对于HTML里的data-analystId，因为浏览器会把属性名转为小写，所以你需要用全小写的键名：

$('button').click(function() {
  var analystID = $(this).data('analystid');
  console.log(analystID); // 正确输出值
});

• 更规范的做法是把HTML属性改成data-analyst-id（全小写加连字符），这样data()会自动把它转换成驼峰式的analystId，代码更易读：

<button data-analyst-id="456" ...>点击我</button>

$('button').click(function() {
  var analystID = $(this).data('analystId');
  console.log(analystID); // 输出456
});

额外检查点 #

• 确认this的上下文：在点击事件里，this必须指向那个带data-analystId的按钮。如果事件是绑定在父元素上的，可能需要用event.target来获取实际点击的元素。
• 检查HTML属性拼写：确保按钮上确实存在data-analystId，没有拼写错误（比如少写字母、引号没闭合）。

内容的提问来源于stack exchange，提问作者Scott