Onclick獲取元素id結果undefined jquery

Question

我知道這將標記為重復..但我已經嘗試尋找其他帖子，即使我問谷歌先生，但我完全混淆..我嘗試使用帖子上的每個樣本，但似乎不是所有的工作..

我想要存檔的是..當我點擊按鈕時，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

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

Answer 2

您從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> 

Answer 3

嘗試這個：

$('.myButton').on('click', function(){
    var btnValue = $(this).attr('data-value');
    alert(btnValue);
    return false;
});