请问js,jq怎么实现多个同id的div绑定一个点击事件?

图片说明
如图,点击钥匙出现他的详情,每个钥匙的div都一样,点击后都出现点击的钥匙的下面,请问怎样实现?麻烦各位大佬上一下代码,感谢!

8个回答

id请保持**唯一性**,依楼主需求,请给每个div设置class属性即可(此处我设置为**key**)

$('.key').onclick(function() {
        //to do 
});
xl1090453281
xl1090453281 回复星曜纤我试试,感谢!
大约一年之前 回复
qq_38226759
星曜纤尘 回复xl1090453281: 请加判断,得出点击div的索引,然后再去设置你想要的需求
大约一年之前 回复
qq_38226759
星曜纤尘 回复xl1090453281: 所以并不是说这个方法不行,而是之后你的需求没有满足,这是另一个问题
大约一年之前 回复
xl1090453281
xl1090453281 回复星曜纤尘:现在的问题就是出在不管点击哪一排的钥匙出现的说明都在第一排下面,
大约一年之前 回复
qq_38226759
星曜纤尘 回复xl1090453281: 请说明一下为什么不行
大约一年之前 回复
xl1090453281
xl1090453281 不行呀
大约一年之前 回复

给方法一个入参,区别钥匙的种类,根据钥匙种类显示说明


<div class='keyDiv'></div>
<div class='keyDiv'></div>
<div class='keyDiv'></div>
<div class='keyDiv'></div>

$(".keyDiv").onclick(function(){
    $(this).after(html);//这里就是详情的html加到对应的div之后
});

xl1090453281
xl1090453281 回复mingnianshimanian: 代码有点长,现在就是不管点击哪一排的那个说明都在第一排的底下出来
大约一年之前 回复
u013254183
老王搞BUG 回复xl1090453281: 怎么不行,你把代码贴出了我看看
大约一年之前 回复
xl1090453281
xl1090453281 不行呀
大约一年之前 回复

你好,用class 啦 id 是唯一的。 你都用一样的 class $(".class")绑定就可以啦。希望采纳

xl1090453281
xl1090453281 不行呀
大约一年之前 回复

可以使用$("选择器名").click(function(){

$("指定显示的div选择器名”).append(“显示的内容”);

});
觉得对你有帮助的话,请给一个采纳,谢谢!

xl1090453281
xl1090453281 不行呀
大约一年之前 回复

你用多个伪类就可以了,或者$("选择器名").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, 这样就可以 控制说明显示的位置
});
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问