Jquery同类事件如何批量处理?

问题描述

即鼠标悬停,显示子菜单假定当前的 触发事件元素为 sub1菜单元素为 sublist1然后现在的我的问题是,我还有很多个sub2 sublist2 / sub3 sublist3 .......这样的好几组下拉菜单要写事件.我想问问,有没有什么写法,统一处理这类事件.避免为每一个触发效果,写一次.感觉这样有点太笨了..不知道有没有统一处理的方法我的代码如下: $("#sub1").hover(

function () { $("#sublist1").show(); }, function () { $("#sublist").hide(); });

问题解答

首先，给两个类型的元素都加上class. 如#sub1，#sub2，#sub3 元素的class都是sub，#sublist1，#sublist2，#sublist3 元素的class都是sublist

然后$('.sub').hover(function(){ var id = $(this).attr('id').replace('sub','sublist'); $('.sublist').not('#'+id).hide(); $('#'+id).show():

})