Javascript 在多个元素上切换类

我有下面的无序列表

<ul>
<li class="item">Link 1</li>
<li class="item">link 2</li>
<li class="item">Link 3</li>
</ul>

我希望使类

“open”

一次只能应用于一个

“item”

元素

---

因此，例如：如果用户在已经单击了

“链接1”

之后单击了

“链接2”

<代码>“Link 1”将丢失

“open”

类，而

“open”

类将归属于“Link 2”。

您可以在jQuery中这样做：

 $(document).ready(function() {
   $('.item').click(function() {
     $(this).toggleClass('open');
     $(this).siblings().removeClass('open');
   });
 });

这基本上将

open

类归因于您正在单击的项目，同时将其从具有相同类的任何

同级

中删除

---

Fiddle-

您可以在jQuery中这样做：

 $(document).ready(function() {
   $('.item').click(function() {
     $(this).toggleClass('open');
     $(this).siblings().removeClass('open');
   });
 });

这基本上将

open

类归因于您正在单击的项目，同时将其从具有相同类的任何

同级

中删除

---

Fiddle-

如果这解决了问题，请标记为答案。如果这解决了问题，请标记为答案。