$(function(){
$('li').each(function(index) {
var ithis=$('li:eq(index)');
$('li').bind('mouseover',function(){$(ithis).css('background-color','#eee');});
$('li').bind('mouseout',function(index){$(ithis).css('background-color','#fff');});
});
});
2016-03-28
第三行改一下：
var ithis = $('li:eq('+index+')');不过你现在的逻辑结构也有问题，现在你代码做的事情就是把所有的li都绑上了选中，只要你光标移上去，所有的li的背景都会改变，如果你希望只让选中li改变，可以这么改:
$(function() {
$('li').bind('mouseover', function() {
$(this).css('background-color', '#eee');
});
$('li').bind('mouseout', function(index) {
$(this).css('background-color', '#fff');
});
});结构很简单的
举报
