如何使用jQuery使li背景可见？

Question

Javascript如下：

$(function(){

    div = $("#titlelist");

    ul = $('#titlelist li');

    ul.css({overflow: 'hidden'});


    ul.each(function(){
        $(this).css({overflow: 'hidden'});
        $(this).mouseenter(function(e){               
            $(this).css({overflow: 'visible', background:'#CCC', 'z-index': '100'});

        });
        $(this).mouseleave(function(e){               
            $(this).css({overflow: 'hidden', background:''});

        });
    });
});

HTML如下：

<div id="container">
    <ul id="titlelist">
        <li>GBin1 Page view monitor Demo</li>
        <li>GBin1 Page view monitor Demo</li>
        <li>GBin1 Page view monitor Demo</li>
    </ul>
</div>

当鼠标进入时，只能看到li内容和部分背景颜色，如何才能使所有li内容的背景可见？

谢谢！

Answer 1

在您的mouseenter和mouseleave代码中，为li的

添加此行

$('li', this).css( ... );