稱之爲 「A」 標籤 「的onclick」

Question

這裏內jQuery函數是我的代碼：

<a href='P001' class='basic'>Read More</a><br> 
<a href='P002' class='basic'>Read More</a><br> 
<a href='P003' class='basic'>Read More</a><br> 

我的腳本：

$('.basic').click(function(id){ 
    $.ajax({ 
     url: 'display_pro.php?id='+$('.basic').attr('href'), 
     success: function(data) {alert(data);} 
    }); 
}); 

當我點擊的所有鏈接它總是得到 'P001'。 有什麼問題？ 感謝您的幫助。

Answer 1

$('.basic').click(function(e) { 
    var link = this; // <-- best practice 
    $.ajax({ 
     url: 'display_pro.php?id=' + link.href, // use link here... 
     success: function(data) {alert(data);} 
    }); 
    return false; // <-- needed, prevents page from jumping into another page.. 
}); 

Answer 2

相反的+$('.basic').attr('href')你應該做的：

$(this).attr('href') 

否則，你再次要求設定與類爲「基本」，並抓住了第一個的值項。 $(this)（或e.target）確保您獲得當前點擊的項目。此外，FYI，傳遞給函數的參數不是id - 它是一個事件對象。

Answer 3

首先，請把你的代碼的代碼裏面滴答``

<a href='P001' class='basic'>Read More</a> 
<a href='P002' class='basic'>Read More</a> 
<a href='P003' class='basic'>Read More</a> 

這裏的答案：

$('.basic').click(function (id) { 
    $.ajax({ 
     url: 'display_pro.php?id=' + $(this).attr('href'), //use $(this) so it knows which link you clicked on 
     success: function (data) { 
      alert(data); 
     } 
    }); 
}); 

Answer 4

您需要使用$（本）.attr（ 'href' 屬性）代替$（ '基本 '）。ATTR（' href' 屬性）

$('.basic').click(function(id){ 
     $.ajax({ 
      url: 'display_pro.php?id='+$(this).attr('href'), 
      success: function(data) { 
       alert(data); 
      } 
     }); 
});