Question

我有以下按钮：

<button id="btnDeleteCoverage" type="button" class="btn btn-info btn-xs delete-btn" data-toggle="modal" data-target="#deleteCoverageModal" data-analystId="@item.AnalystID" data-secSymbol="@item.SecSymbol" data-Status="@item.Status"><span class="glyphicon glyphicon-trash"></span></button>

如您所见，它具有此（以及其他数据属性）：

     data-Status="@item.Status"

我想在按钮的以下点击事件中访问此设置的值：

 $("#btn_delete_coverage").click(function (e) {
            // get the value for the data attributes here and use in postdata
            var postdata = { "analystID": /* use value here */, "symbol": /* use value here */, "status": /* use value here */ };

     //etc
});

编辑：

我尝试过使用jQuery数据和attr函数，但无法使用它。

我试过

     var analystID = $(this).attr('data-analystId');

和

     var analystID = $(this).data('data-analystId');

和 var analystID = $（this）.data（＆＃39; data-analystId＆＃39;）;

但得到＆＃34;未定义＆＃34;每一次。

Answer 1

使用.attr（）方法访问自定义属性。例如：

 $("#btn_delete_coverage").click(function (e) {
        // get the value for the data attributes here and use in postdata
        var analystID = $(this).attr('data-analystId');
        var postdata = { "analystID": analystID, "symbol": /* use value here */, "status": /* use value here */ };

 //etc
});

编辑：显然选择器是问题，它应该是$（＆＃34;＃btnDeleteCoverage＆＃34;）

jQuery - 按钮单击事件中的访问数据属性

1 个答案: