问题描述
$(document).ready(function(){$("#tablefirstli").each(function(index){$(this).mouseover(function(){$(".content").removeClass("content");$("#tablefirstli.tabin").removeClass("tabin");$("div").eq(index).addClass("content");$(this).addClass("tabin");});mouseout(function(){})});});css文件：ulli{padding:0;list-style:none;}li{float:left;background-color:#868686;color:#FFF;margin-right:2px;border:1pxsolid#000;}.tabin{background-color:#00F;}.contentfirst{clear:both;background-color:#6e6e6e;color:#FFF;width:300px;height:100px;display:none}.content{display:block;}html文件：<body><ulid="tablefirst"><liclass="tabin">标签1</li><li>标签2</li><li>标签3</li></ul><divclass="contentcontentfirst">内容1</div><divclass="contentfirst">内容2</div><divclass="contentfirst">内容3</div></body>
解决方案
解决方案二：
$(this).mouseout
解决方案三：
$("#tablefirstli").each(function(index,dom){$(dom).mouseover(function(){$(".content").removeClass("content");$("#tablefirstli.tabin").removeClass("tabin");$("div").eq(index).addClass("content");$(dom).addClass("tabin");});