javascript - onclick 获取元素 id 结果 undefined jquery

Question

我知道这会被标记为重复..但我已经尝试查看其他帖子，即使我问过 Google 先生，但我完全混淆了..我尝试使用帖子中的每个示例，但似乎并非所有工作..

我要存档的是.. 当我单击按钮时，jquery 将在警报弹出窗口中显示按钮 ID。但我总是得到未定义的结果。

这是我的示例代码

PHP

<button class="myButton" name="testResultByName" data-value="testResultByDataValue" id="testResultByID">Click</button>

JQUERY 和我把这段代码放在关闭正文之前 </body>标记并在关闭头部之前已经在右上角尝试 </head>标记

<script type="text/javascript">
$('.myButton').click(function(event){
        var myButtonVar = $(this).prop('data-value');

        alert(myButtonVar);
        event.preventDefault();
});
</script>

我已经尝试使用了

$(this).prop('id');
$(this).prop('name');
$('.myButton').attr('data-value');
$('.myButton').attr('id');
$('.myButton').attr('name');

没有任何效果..但如果我使用下面的类，它会起作用...

$('.myButton').prop('class');

然后 alert show class name "myButton"似乎可以工作。我也已经使用了外部 jquery 文件。但是没有任何工作。已经使用了 ready()也是，但结果还是一样..

我错过了什么吗？哦，我用 jquery-1.11.3.js

Answer 1

你 $.data而不是 .prop，就像这样

$('.myButton').click(function(event){
    var myButtonVar = $(this).data('value');
    var buttonId = $(this).attr('id');

    console.log(myButtonVar);
    console.log(buttonId);
});

Example