鼠標懸停顯示沒有之前li

Question

我做了一個使用mouseover功能，它可以幫助我設置當前li元素的屬性顯示無。我怎樣才能使它的工作，當我把我的鼠標在li元素，然後它將前一個li元素的css屬性設置爲display:none？

$('.sub-men-hdr ul li').mouseover(function() { 

    $(this).css('display','none'); 

    }); 

有什麼辦法可以通過css3來實現這個嗎？因爲我嘗試使用

.sb-men li:hover:nth-child(-1).mispnhd 
{ 
    display:none; 
} 

但我知道它不會接受負值。

Answer 1

這樣做，你可以使用：

$('.sub-men-hdr ul li').mouseover(function() { 
    $(this).prev().css('display','none'); 
}); 

Answer 2

您可以通過使用.prev()

$('.sub-men-hdr ul li').mouseover(function() { 

    $(this).prev().css('display','none'); 

    });