將超鏈接傳遞到單個JQuery函數中

Question

我想要做的是獲取可能在頁面上的幾個鏈接，並只發送被點擊的鏈接到PHP腳本中進行解析。

<a href="?something=2&id=100&somethingelse=55" class="link">My First Link</a> 
<a href="?something=3&id=400&somethingelse=65" class="link">My Second Link</a> 

我想要的是抓住鏈接，並將它傳遞給PHP。使用這段代碼，無論我點擊哪個鏈接，我都能獲得第一個鏈接。

我寧願有一個函數發送這些鏈接，而不是一個函數爲我在網站中的每個超鏈接。我只是試圖壓縮或合併基本上做同樣事情所需的功能數量。

這是我到目前爲止有：

$(".link").click(function() { 
    var v1 = $("a.link").attr("href"); 

// var v1 = $("a.ajax-link")[2].href; 
    var dataString = 'v1='+ v1; 

    $.ajax({ 
     type: "POST", 
     url: "/", 
     data: dataString, 
     dataType: 'json', 
     success: function(data) { 
     if(data.success == 1){ 
      alert(data.success); 
     } 
     else{ 
      alert(data.success); 
     } 
     } 
    }); 
    return false; 
    }); 

Answer 1

更改您的代碼來獲得（在這種情況下this）活動對象：

var v1 = $(this).attr("href"); 

Answer 2

$(".link").click(function() { 
    var v1 = $("a.link").attr("href"); 

// var v1 = $("a.ajax-link")[2].href; 
    var dataString = 'v1='+ encodeURIComponent(v1); 

    $.ajax({ 
     type: "POST", 
     url: "your_php_page_to_handle_post", 
     data: dataString, 
     success: function(data) { 
     if(data.success == 1){ 
      alert(data.success); 
     } 
     else{ 
      alert(data.success); 
     } 
     } 
    }); 
    return false; 
    }); 

Answer 3

使用$（這）在你的處理程序會給你一個點擊鏈接的參考。

$(".link").click(function() { 
    var href = $(this).attr("href"); 
    var dataString = 'v1='+ encodeURIComponent(href); 

    $.ajax({ 
     type: "POST", 
     url: "your_php_page_to_handle_post", 
     data: dataString, 
     success: function(data) { 
     if(data.success == 1){ 
      alert(data.success); 
     } 
     else{ 
      alert(data.success); 
     } 
     } 
    }); 
    return false; 
    });