从jquery获取data-id

Question

我正在使用ASP.net/C#和jQuery，我正在尝试获取data-id中的值。 我有以下代码：

标记：

 <asp:Button runat="server" ID="btnAddLocations" Text="Update" CssClass="btn btn-info pull-right addLocation" />

代码隐藏（基本上添加了data-id属性）

SPID = "3"
btnAddLocations.Attributes.Add("data-id", SPID);

jQuery的：

$(".addLocation").click(function () {
        var id = ($(".addLocation").data("spid"));
        alert(id);
        var url = "popups/AddLocations.aspx?spid=" + id;
        window.open(url, "Add Locations", "width=600,height=550");
        return false;
    });

但是，ID总是以未定义的形式返回

Answer 1

我想你应该用

var id = $(this).data("id");

要么

var id = $(this).attr("data-id");

Answer 2

我认为你试图在HTML DOM中将值设置为'data-spid'

SPID = "3"
btnAddLocations.Attributes.Add("data-spid", SPID);

Answer 3

有更简单的方法将id从按钮传递到javascript

   function DoEdit(e)
   {
       alert(e.toString());
   };

<input id =“btnAddLocations”onclick =“DoEdit（'<％＃Eval（”SPID“）％>'）”value =“GetID”/>