jquery悬停与.each功能

Question

我有一个代码来应用每个李的边界左颜色的背景。

但是我想在用户：悬停在li元素上时应用背景颜色。

这是可能填充背景与jQuery的从左到右，如在这example？用CSS很容易，但我不知道如何用jQuery来做到这一点。

这是另一个关于从左到右的背景与box-shadow属性的solution。

$(document).ready(function(){ 
    $('.side-category ul li').each(function(){ 
    $(this).css("background", $(this).css("border-left-color")); 
    }) 
}); 

Answer 1

下面是函数与悬停在和悬停出：

$('.side-category ul li').hover(
    function() { 
    // on hover 
    $(this).css("background", $(this).css("border-left-color")); 
    $(this).css("box-shadow", "inset 0 100px 0 0 "+$(this).css("border-left-color")); 
    }, function() { 
    // on remove hover 
    $(this).css("background", "#fff"); 
    $(this).css("box-shadow", ""); 
    } 
);