ハイパーリンクを1つの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; 
    });