jquery - 鼠标悬停时不显示上一个 li

Question

我使用了一个函数mouseover，它可以帮助我将当前li元素的属性设置为不显示。当我将鼠标放在一个元素上然后它将前一个元素的css属性设置为时，我怎样才能让它像这样li工作？ lidisplay: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

您可以使用.prev()

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

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

    });

Answer 2

您可以使用：

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