javascript - 使用 Javascript 从 Div 中检索 href 属性（链接）

Question

我正在尝试从 div 中的锚标记中获取链接（或 href 属性）。

这是我的完整 HTML 代码：

<script> 
    var link = $('#jira_details a').attr('href');

    function useJira() {
        alert(link);
    }
</script>

<div id="jira_details">
    <ul>
        <li>
            <a href="http://www.google.com">Bugs</a>
        </li>
    </ul>
</div>
<input type="submit" value="test" onclick="javascript:useJira();" />

但是，每当我单击提交按钮时，它每次都会以未定义的形式发出警报。我什至尝试过改变：

$('#jira_details a').attr('href');

到

$('#jira_details ul li a').attr('href');

这样它就会转到那个特定的锚标签，但是它仍然不起作用。关于问题可能是什么的任何想法？

Answer 1

var 链接是在加载 dom 之前编写的。

如果锚 url 永远不会改变，你可以这样做：

<script> 

$(function(){
  var link = $('#jira_details a').attr('href');
});

function useJira(){
  alert(link);
}
</script> 

或者，如果 href 可以更改：

<script> 
function useJira(){
  var link = $('#jira_details a').attr('href');
  alert(link);
}
</script>