xl1090453281
2019-05-20 12:08
采纳率: 93.8%
浏览 2.6k
已采纳

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

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

8条回答 默认 最新

  • 星曜纤尘 2019-05-20 12:21
    已采纳

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

    $('.key').onclick(function() {
            //to do 
    });
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • qq_40539063 2019-05-20 12:21

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

    评论
    解决 无用
    打赏 举报
  • 老铁咖啡 2019-05-20 12:29
    
    <div class='keyDiv'></div>
    <div class='keyDiv'></div>
    <div class='keyDiv'></div>
    <div class='keyDiv'></div>
    
    $(".keyDiv").onclick(function(){
        $(this).after(html);//这里就是详情的html加到对应的div之后
    });
    
    
    评论
    解决 无用
    打赏 举报
  • lllomh 2019-05-20 13:29

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

    评论
    解决 无用
    打赏 举报
  • Roc-xb 2019-05-20 13:39

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

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

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

    评论
    解决 无用
    打赏 举报
  • ITMokey 2019-05-20 16:26

    你用多个伪类就可以了,或者$("选择器名").click(function(){
    这里面增加判断
    }

    评论
    解决 无用
    打赏 举报
  • weixin_44010339 2019-05-20 17:37

    cument.getElementsByTagName("div")得到的是一个div的数组,
    [0]是数组下标,
    document.getElementsByTagName("div")[1]的到第2个div节点

    评论
    解决 无用
    打赏 举报
  • 妖王令剑 2019-05-20 17:46
    <div class='keyDiv'></div>
    <div class='keyDiv'></div>
    <div class='keyDiv'></div>
    <div class='keyDiv'></div>
    
    $(".keyDiv").onclick(function(){
            let index = $(this).index(); // 得到当前点击的是第几个div, 这样就可以 控制说明显示的位置
    });
    
    评论
    解决 无用
    打赏 举报