Php 触发所有元素的单击jquery

我的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>

Like
喜欢
喜欢
喜欢

我想将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> 

$（文档）.ready（函数（）{
$（“#like”）。单击（函数（事件）{
var代码=$（this.attr（“idd”）；
$.get（“like.php”，{code1:code，code2:Kim}）；
提醒（“谢谢点击！”）；
});
});

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

$("#like").click(

到

---

切换选择器以使用该类。jQuery假定

（id）是唯一的，并将使用内置的浏览器函数

document.getElementById（）

---

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

所以通过这个

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

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

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

});

---

id必须是唯一的。将其更改为一个类，它必须工作。

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

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

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

    alert("Thanks for clicking!");

});

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

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

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

});