Jquery是否从具有相同类的动态循环输入中检索值？

Jquery:3.x，Tomcat7

问题:

var htmlStr
for(var i=0;i<data.length;i++){           
  htmlStr += "<input  class='my_button' type='button' data-value='"      
  + data[i].value + "' value='" + data[i].value + "'/>";                
}

$("#keyvals").html(htmlStr);

$('.my_button').click(function(){
    alert(this.data-value);
});

var htmlStr
对于（var i=0；i尝试：

jsIDLE:
.data
是一个函数，数据元素的名称是参数。它也是一个jQuery函数，因此需要使用
$（this）

破折号（
-
）在JS变量中无效，它被视为负号

你能行


警报（this.getAttribute（“数据值”）；//DOM
警报（$（this）.attr（“数据值”）；//jQuery
alert（$（this.data（“value”））；//jQuery数据

但是，由于按钮是动态生成的，因此您可能也希望/需要委派

$("#keyvals").on("click",".my_button",function(){



var data=[{value:“一”}，
{value:“两”}，
{value:“三”}]，
htmlStr=“”；
对于（变量i=0；i


他不需要授权，因为他在添加HTML后添加了事件侦听器。谁对这个答案投了否决票，请告诉我为什么？问这个问题通常是浪费时间的。否决票通常不会回来，所以他们永远看不到问题。你的评论发送给我，因为我是最后一个评论人。我仍然需要说出来。让我感觉好多了；）对不起，不，即使这样也不行。。。。。我只需要点击I/p类型，就需要“数据值”的值……它对我有效。我将添加一个正在工作的JSFIDLE示例，以便您可以看到它的实际操作。只需几个tweek“$”（“#keyvals”）。在（“单击“，”.my_按钮）上，function（）{”就可以完成所需的功能…我给你2美分。。。
$('.my_button').click(function(){
    alert($(this).data('value'));
});

$("#keyvals").on("click",".my_button",function(){