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

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');

和varanalyzerID = $（this）.data（'data-analystId'）;

但每次都会得到“未定义”。

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
});

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