• 首页

  • 官方

  • 主题

  • 关注

  • 联系

网页包含多个相同id或者classname的div,只对当前点击div(父元素)的子元素进行操作,而不影响其他相同的div(使用JQuery)

网页包含多个相同id或者classname的div,只对当前点击div(父元素)的子元素进行操作,而不影响其他相同的div(使用JQuery)

举例:绑定点击隐藏、展现点击事件,.card为父元素,.cardmain为子元素。(使用JQuery)

代码如下:

//绑定点击隐藏、展开点击事件
                        $(".card").click(function(){
                                //当前点击的div
                                if($(this).find('.cardmain').css('display')=='none'){
                                    $(this).find('.cardmain').show(200);
                                }
                                else{
                                    $(this).find('.cardmain').hide(200);
                                }
                            })
posted @ 2021-09-07 21:36  戈小戈  阅读(247)  评论(0编辑  收藏  举报