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

在加载dom之前写入var链接。

如果锚网址永远不会改变，您可以执行以下操作：

<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>

使用Javascript从Div中检索href属性（Link）

1 个答案: