如何獲得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>