触发单击所有元素的jquery

时间:2012-10-20 20:57:06

标签: php jquery click

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

3 个答案:

答案 0 :(得分:3)

当你在Jquery中使用id选择器时,你只选择第一个元素,以便让所有元素都使用类选择器。所以改变:

$("#like").click(

$(".geen").click(

答案 1 :(得分:0)

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

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

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

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

    alert("Thanks for clicking!");

});

答案 2 :(得分:0)

使用您的类作为选择器,因为id不能重复(在您的情况下是这样)

通过这个

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

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

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

});