单击时从 Button 获取数据属性值

Question

我正在尝试查看数据

<div id="data">
    <button data-toggle="modal" data-toggle="tooltip" data-placement="top" style="margin:5px; data-SenEmail="email@email.com" class="btn btn-primary text-white item_sms" type="button" >Button</button>
</div>

这是我的 Jquery 代码

$('#data').on('click','.item_email',function(){
    var SenEmail = $(this).data('SenEmail');

    console.log(SenEmail, "Hello, world!");
 });

Answer 1

首先，您声明的是 item_sms 而不是 item_email 类。

其次，你的style="margin:5px; data-SenEmail="email@email.com"不见了"，你需要像这样修复它style="margin:5px;" data-SenEmail="email@email.com"

第三，你正在实现一个item列表，所以你需要得到一个你想要的item的索引，比如$(this)[0]

最后，你只能通过小写从data属性中获取数据，比如data('senemail')而不是data('SenEmail')

在下面检查我的代码：

$('#data').on('click','.item_email',function(){
    var SenEmail = $($(this)[0]).data('senemail');

    console.log(SenEmail, "Hello, world!");
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="data">
    <button data-toggle="modal" data-toggle="tooltip" data-placement="top" style="margin:5px;" data-SenEmail="email@email.com" class="btn btn-primary text-white item_email" type="button">Button
    </button>
</div>