Jquery 单击此菜单项时，如何更改其他菜单项的不透明度？

我试图在单击一个菜单项时更改导航菜单中其他菜单项的不透明度。我目前尝试了这个方法，它破坏了我的jQuery代码：

$("#navItem1").click(function(){
        $("#navItem2").css("opacity","0.3");  
        $("#navItem3").css("opacity","0.3");  
        $("#navItem4").css("opacity","0.3");  
        $("#navItem5").css("opacity","0.3");  
    });

还有一个附带说明——我只是以一个菜单项为例，但是当我将其应用于所有5个菜单项时，是否有更好的编码方法

以下是我取得的成绩：

像这样：

})

像这样：

---

})

您可以选择这两个选项中的一个

1而不是：

    $("#navItem2").css("opacity","0.3");  
    $("#navItem3").css("opacity","0.3");  
    $("#navItem4").css("opacity","0.3");  
    $("#navItem5").css("opacity","0.3");  

你可以用

$("#navItem2,#navItem3,#navItem4,#navItem5").css("opacity","0.3"); 

2将类选择器添加到项目菜单中

<ul>

<li class="items">Item1</li>
<li class="items">Item2</li>
<li class="items">Item3</li>
</lu>

---

你可以做这两个选择中的一个

1而不是：

    $("#navItem2").css("opacity","0.3");  
    $("#navItem3").css("opacity","0.3");  
    $("#navItem4").css("opacity","0.3");  
    $("#navItem5").css("opacity","0.3");  

你可以用

$("#navItem2,#navItem3,#navItem4,#navItem5").css("opacity","0.3"); 

2将类选择器添加到项目菜单中

<ul>

<li class="items">Item1</li>
<li class="items">Item2</li>
<li class="items">Item3</li>
</lu>