$(document).ready(function () { $(".tabdiv .tab dd").hover(function () { $(".tabdiv .tab dd").eq($(this).index()).addclass("cur").siblings().removeclass('cur'); $(".tabdiv div").hide().eq($(this).index()).show(); //另一种方法: $("div").eq($(".tab li").index(this)).addclass("on").siblings().removeclass('on'); }); $(".tabdiv1 .tab dd").hover(function () { $(".tabdiv1 .tab dd").eq($(this).index()).addclass("cur").siblings().removeclass('cur'); $(".tabdiv1 div").hide().eq($(this).index()).show(); }); });