使用 ID 从锚点获取 href 显示未定义答案

【问题标题】：getting href from anchor using ID is showing undefined使用 ID 从锚点获取 href 显示未定义
【发布时间】：2014-06-24 11:48:46
【问题描述】：

我正在尝试使用 jQuery 获取锚点的 href 属性。但是，当我尝试检查放置 href 属性的变量的值时，它说的是未定义。

$("#chk1").click(function(){
    var button_link = $("#buttonAdd").find("href").attr('href');
    //or (I tried 2 ways)
    var button_link = $("#buttonAdd").attr('href');
    alert(button_link);
});

如何使用 jQuery 正确捕获锚点的 href 属性？

编辑：

添加锚链接供您参考：

<a href="Vehicle/VehicleEditor.aspx?sfId=299798&amp;st=ON&amp;recloc=&amp;ID=&amp;manualReqID=0&amp;trID=21838518&amp;SeqNo=1" id="buttonAdd">Add</a>

【问题讨论】：

如果您不向我们提供您的 HTML 结构，您将得到可能错误的答案。
@RUJordan 你去吧。
哈哈，我们不需要锚，我们需要父结构

标签： javascript jquery html anchor href

【解决方案1】：

您需要找到A 元素。我们可以做到。

$("#buttonAdd").find("a").attr('href');

【讨论】：

或者简单地说：$("#buttonAdd a").attr('href');
随心所欲。
在没有显示任何 html 结构的情况下，很好地破译了这一点。如果这是正确的。
@Adam Merrifield 谢谢。
不需要找a，因为元素A有ID#buttonAdd。 $("#buttonAdd") 就足够了，如果你想要更多细节，请使用 $("a#buttonAdd")！

【解决方案2】：

我不确定你的 HTML 结构是什么，所以我假设你有这样的东西：

1) 包含单个标签的父 div

   <div id="buttonAdd">
    <a href="href-here">...</a>
    </div>
    <button id="click-me">Click Me</button>

    $(function (){
     $("#click-me").click (function (){
         var H = $("#buttonAdd a").attr('href');
         alert (H);
        });
    });

2) 一个>标签有一个 ID="buttonAdd"

    <a href="href-here" id="buttonAdd">Click Me</a>

    $(function (){
     $("#buttonAdd").click (function (){
         var H = $("this").attr('href');
         alert (H);
    });
 });

【讨论】：