[英]Onclick get element id result undefined jquery
我知道这将标记为重复..但我已经尝试寻找其他帖子,即使我问谷歌先生,但我完全混淆..我尝试使用帖子上的每个样本,但似乎不是所有的工作..
我想要存档的是..当我点击按钮时,jquery将在警告弹出窗口中显示按钮ID。 但我总是得到结果未定义。
这是我的示例代码
PHP
<button class="myButton" name="testResultByName" data-value="testResultByDataValue" id="testResultByID">Click</button>
JQUERY和我把这个代码放在关闭body </body>
标签之前,并且在关闭head </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');
然后警告显示类名“myButton”似乎工作..我已经使用外部jquery文件..但没有任何工作..已经使用ready()
但结果仍然相同..
我错过了什么? 哦,我使用jquery-1.11.3.js
您从attr()获取值。
请参阅示例代码
$(document).ready(function(){ $('.myButton').click(function(event){ var myButtonVar = $(this).attr('data-value'); alert("data-value = "+myButtonVar); myButtonVar = $(this).attr('id'); alert("id = "+myButtonVar); myButtonVar = $(this).attr('name'); alert("name = "+myButtonVar); myButtonVar = $(this).attr('class'); alert("class = "+myButtonVar); event.preventDefault(); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <button class="myButton" name="testResultByName" data-value="testResultByDataValue" id="testResultByID">Deposit</button>
尝试这个:
$('.myButton').on('click', function(){
var btnValue = $(this).attr('data-value');
alert(btnValue);
return false;
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.