jquery - 获取数据属性值 onclick 链接/按钮

Question

<span class="btn btn-block btn-inverse btn-icon glyphicons home" id="changeb" data-datac="daily"><i></i>Daily</span>
            <span class="btn btn-block btn-inverse btn-icon glyphicons home" id="changeb" data-datac="1week"><i></i>1 Week</span>
            <span class="btn btn-block btn-inverse btn-icon glyphicons home" id="changeb" data-datac="monthly"><i></i>Month</span>
            <span class="btn btn-block btn-inverse btn-icon glyphicons home" id="changeb" data-datac="3Month"><i></i>3 Month</span>

jquery 是

$('#changeb').click(function() {

        var d = $(this).data('datac');      
        alert(d);   
} );

我需要在点击事件中获取 data-datac 值，

Answer 1

您的代码很好，您有多个元素的相同 ID，但这是无效的。该事件将绑定(bind)到 DOM 中具有给定 id 的 第一个 元素。使用通用类而不是 id 来绑定(bind)事件。您可以使用 class selector绑定(bind)事件。

Live Demo

$('.btn').click(function() {
      var d = $(this).data('datac');      
      alert(d);   
});