网页包含多个相同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);
}
})