jQuery選擇多個HREF - 動態獲取href的值

Question

我，如下圖所示HTML HREF數：

<a id="link1" href="http://www.google.com">USA </a>  
<a id="link2" href="http://www.google.com.au">AU </a> 
<a id="link2" href="http://www.google.com.nz">NZ </a> 

我已經jQuery的，如下：

<script> 
    $("a").click(function() { 
     var link = $('a').attr('href'); 
     alert(link); 
     dosomethingforlink(link); 

    }); 
</script> 

基本上，點擊功能上面我想獲得href值<a>標記（點擊），併爲每個鏈接做不同的事情。

或者是否需要爲每個ID創建(#id).click函數？

有人可以幫助我，如果上述可能使用JQuery的？

Answer 1

試試這個：

$("a").click(function() { 
    var link = $(this).attr('href'); 
    alert(link); 
    dosomethingforlink(link); 
}); 

我已經改變$('a')到$(this)作爲$('a')將得到所有的錨.. $(this)只會得到當前點擊一個。

Here is a quick working demo ..你會看到最後一行是event.preventDefault() - 它阻止了默認動作（即在href之後）發生並允許你的函數執行。 event.preventDefault() docs here

Answer 2

像這樣的東西可能是

<script> 
    $("a").click(function (event) { 
     event.preventDefault();   
     var link = $(this).attr('href'); 
     alert(link); 
     dosomethingforlink(link); 
    }); 
</script> 

補充說：從導航

使用event.preventDefault（）的URL的錨標記

Answer 3

$("a").click(function (evt) { 
     evt.preventDefault(); 
     var link = $(this).attr('href'); 
     alert(link); 
     dosomethingforlink(link); 
}); 

你應該使用preventDefault()否則你將無法執行進一步的代碼（您的鏈接被點擊並立即更改頁面）

Answer 4

ID應該是唯一的，所以不要在多個元素上使用相同的ID。

事情是這樣的，也許：

$("a[id^='link']").on('click', function (e){ 
    e.preventDefault(); 
    switch ($(this).attr('href')) { 
    case 'http://www.google.com' : 
     //do something 
    break; 
    case 'http://www.google.com.au' : 
     //do something 
    break; 
    default: 
     //do something else 

....etc 
    } 
});