我的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>
答案 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!");
});