相同的数据集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>