请问js,jq怎么实现多个同id的div绑定一个点击事件？
问题描述：
如图，点击钥匙出现他的详情，每个钥匙的div都一样，点击后都出现点击的钥匙的下面，请问怎样实现？麻烦各位大佬上一下代码，感谢！
答
id请保持**唯一性**，依楼主需求，请给每个div设置class属性即可（此处我设置为**key**）
$('.key').onclick(function() {
//to do
});
答
给方法一个入参，区别钥匙的种类，根据钥匙种类显示说明
答
<div class='keyDiv'></div>
<div class='keyDiv'></div>
<div class='keyDiv'></div>
<div class='keyDiv'></div>
$(".keyDiv").onclick(function(){
$(this).after(html);//这里就是详情的html加到对应的div之后
});
答
你好，用class 啦 id 是唯一的。 你都用一样的 class $(".class")绑定就可以啦。希望采纳
答
可以使用$("选择器名").click(function(){
$("指定显示的div选择器名”).append(“显示的内容”);
});
觉得对你有帮助的话，请给一个采纳,谢谢！
答
你用多个伪类就可以了，或者$("选择器名").click(function(){
这里面增加判断
}
答
cument.getElementsByTagName("div")得到的是一个div的数组，
[0]是数组下标，
document.getElementsByTagName("div")[1]的到第2个div节点
答
<div class='keyDiv'></div>
<div class='keyDiv'></div>
<div class='keyDiv'></div>
<div class='keyDiv'></div>
$(".keyDiv").onclick(function(){
let index = $(this).index(); // 得到当前点击的是第几个div, 这样就可以 控制说明显示的位置
});