从jquery获取data-id

时间:2014-01-06 13:34:33

标签: javascript jquery asp.net

我正在使用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总是以未定义的方式返回

3 个答案:

答案 0 :(得分:3)

我认为你应该使用

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

OR

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

答案 1 :(得分:0)

我认为您尝试将值设置为HTML DOM中的“data-spid”

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

答案 2 :(得分:0)

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

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

&LT; input id =“btnAddLocations”onclick =“DoEdit('&lt;%#Eval(”SPID“)%&gt;')”value =“GetID”/&gt;