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", ""); 
    } 
);