相同的數據集API屬性偶爾檢索未定義

Question

我有用戶的表，其中有一些數據的時候，當我點擊編輯按鈕，我得到一個正確的值最屬性各自有一個編輯按鈕，但它仍然經常返回undefined 。

<a href="#" class="btn btn-success editUser" data-username="{{$user->username}}"></a> 



<script> 
$(document).on('click', '.editUser', function(event) { 
     event.preventDefault(); 
     var username = event.target.dataset.username; 
     console.log(username); 
}); 
</script> 

Answer 1

你可以試試這個，我希望能幫助你。

<a href="#" class="btn btn-success editUser" data-username="ssss">sss</a> 
    <a href="#" class="btn btn-success editUser" data-username="nnn">nnnn</a> 
    <a href="#" class="btn btn-success editUser" data-username="xxxx">xxxxx</a> 

    <script> 
    $(document).on('click', '.editUser', function(event) { 
      event.preventDefault(); 
      var username = $(this).attr('data-username'); 

      console.log(username); 
    }); 
    </script> 

Answer 2

<a onclick="get_value()" href="#" class="btn btn-success editUser" data-username="{{$user->username}}">click</a> 


<script> 

function get_value(){ 
     var username = event.target.dataset.username; 
     console.log(username); 
} 
</script>