如何用jQuery获取href属性

Question

我如何才能获取已被母版页修改的 asp:LinkBut​​ton 的 ID，以便我可以使用 javascript/jQuery 模拟单击​​？

通常，通过这个，我会获得“ctl05_butSaveAssociation”作为“_id”的值：

function ClickSaveButton() {
        var _id = $('a[id$="butSaveAssociation"]').attr("ID");           
        __doPostBack(_id, '');
        return false;
    }

这不起作用，因为 ID 由于某种原因再次更改，正如我们可以看到使用 FireBug 并将鼠标悬停在 asp:LinkBut​​ton 上：

<a style="border-style: none; display: inline-block;" href="javascript:__doPostBack('ctl05$butSaveAssociation','')" class="CommandButton" id="ctl05_butSaveAssociation" onclick="SaveAssociation();" tabindex="0">Save</a>

所以事实上，如果我硬编码正确的 ID，它会起作用：

function ClickSaveButton() {
        var _id = "ctl05$butSaveAssociation";       // hardcoded
        __doPostBack(_id, '');
        return false;
    }

我如何使用 jQuery 动态实现这个？

Answer 1

虽然 HTML 生成的 ID 具有 _ （因为是基于 ClientID 属性），ASP.NET 帮助程序方法需要 $。我真的不知道为什么它不能在所有情况下使用下划线，但就是这样......

一件简单的事情就是使用像 _id.replace("_", "$")< 这样的替换/代码>。完整代码：

function ClickSaveButton() {
    var _id = $('a[id$="butSaveAssociation"]').attr("id");
    __doPostBack(_id.replace("_", "$"), '');
    return false;
}

但我在这里想...为什么你不调用点击事件？

function ClickSaveButton() {
    $('a[id$="butSaveAssociation"]').click();
    return false;
}

Answer 2

一种方法是在其周围放置一个。像这样的东西：

<span id="button">
   <a style="border-style: none; display: inline-block;" href="javascript:__doPostBack('ctl05$butSaveAssociation','')" class="CommandButton" id="ctl05_butSaveAssociation" onclick="SaveAssociation();" tabindex="0">Save</a>
</span>

然后在你的 jQuery 中，

var id = $('span[id="button"]').children().attr('id');

即使它的 id 发生变化，它也会给你一种识别按钮的方法。

Answer 3

如果您使用的是 ASP.NET 4 或更高版本，则可以使用 ClientIDMode 使 ID 与您键入的 ID 保持一致：

• http://beyondrelational.com/blogs/hima/ archive/2010/07/16/all-about-client-id-mode-in-asp-net-4.aspx

• http://www.west-wind.com/weblog/posts/2009/Nov/07/ClientIDMode-in-ASPNET -40