php - 触发所有元素的点击jquery

Question

我的 html 中有以下信息

<div idd="8327" id="like" class="geen">Like</div>
<div idd="8329" id="like" class="geen">Like</div>
<div idd="8330" id="like" class="geen">Like</div>
<div idd="8331" id="like" class="geen">Like</div>

我想将 ID 发送到特定的 php 页面以使用 .get 执行。有用。但它只适用于第一个 div。该脚本仅在单击 id 为 8327 的 div 时执行。单击另一个 div 时，没有任何反应：

有什么问题？

<script type="text/javascript">
$(document).ready(function() {
    $("#like").click(function(event){
    var code =  $(this).attr("idd");
    $.get("like.php", { code1: code, code2: "Kim" } );    
        alert("Thanks for clicking!");
    });
});
</script> 

Answer 1

当您在 Jquery 中使用 id 选择器时，您只选择第一个元素，因此要获取所有元素，请改用类选择器。所以改变：

$("#like").click(

到

$(".geen").click(

Answer 2

切换选择器以使用该类。jQuery 假定#(id) 是唯一的并且将使用内置的浏览器函数document.getElementById()。

$(".geen").click(function(event){

    var code =  $(this).attr("idd");

    $.get("like.php", { code1: code, code2: "Kim" } );    

    alert("Thanks for clicking!");

});

Answer 3

使用您的班级作为选择器，因为 id 不能重复（在您的情况下）

所以通过这个

$(".geen").click(function(event){

var code =  $(this).attr("idd");

$.get("like.php", { code1: code, code2: "Kim" } );    
alert("Thanks for clicking!");

});