如何获得href =“”在<a>使用jquery？

Question

我有一个代码：

<div id='basic-modal'> 
<a href='index.php?option=com_atm&view=showdistrict&layout=map&tmpl=component&reset=1' class='basic'>[VIEW]</a> 
</div> 

和脚本：

<script type='text/javascript'> 
$(document).ready(function(){ 
    $('#basic-modal .basic').click(function (e) { 
     $('<div></div>').load('link href').modal(); 
     return false; 
    }); 
}); 
</script> 

如何从HREF”的index.php选项得到URL = com_atm &视图= showdistrict &布局=地图& TMPL =组分& reset = 1“的标签？

Answer 1

尝试

alert($(this).attr("href"));

点击功能 里面，你可以通过访问jQuerys元素的每属性attr功能，您还可以设置或提供第二个参数修改属性。

Answer 2

使用jQuery，您可以使用.attr()来获取属性值。不过，在您的示例中，您可以使用原生JavaScript的element.getAttribute。

Jquery方便地将事件处理程序绑定到正确的上下文（意思是，this指的是你期望的），也就是说你可以简单地说this.getAttribute('href')。如果你真的坚持使用jQuery，你可以说$(this).attr('href')，但这只是浪费资源。

<script type='text/javascript'> 
$(document).ready(function(){ 
    $('#basic-modal .basic').click(function (e) { 
     $('<div></div>').load(this.getAttribute('href')).modal(); 

     return false; 
    }); 
}); 
</script> 

Answer 3

清理了一下

<script type="text/javascript"> 
$(function(){ 
    $('#basic-modal .basic').click(function (ev) { 
     ev.preventDefault(); 
     $('<div />').load($(this).attr('href')).modal(); 
    }); 
}); 
</script>