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!");

});

触发单击所有元素的jquery

3 个答案: