jquery - 如何在所有事件 li 之前添加类

Question

我想要在事件类之前添加类，下面的所有 LI 都是类似代码的东西

说当前第 3 类编号 li，然后也添加第 1 类和第 2 类 li

<ul id="nav">
      <li class="bar"><a href="#"><span>Home</span></a></li>
      <li class="bar" ><a href="#"><span>Products</span></a></li>
      <li class="current"><a href="#"><span>Rentals</span></a></li>
      <li><a href="#"><span>Company</span></a></li>
       <li><a href="#"><span>Services</span></a></li>
      <li><a href="#"><span>Location</span></a></li>
      <li><a href="#"><span>Contact Us</span></a></li>
    </ul>

当第 5 个数字处于事件状态时相同

 <ul id="nav">
          <li class="bar"><a href="#"><span>Home</span></a></li>
          <li class="bar" ><a href="#"><span>Products</span></a></li>
          <li class="bar" ><a href="#"><span>Rentals</span></a></li>
          <li class="bar" ><a href="#"><span>Company</span></a></li>
          <li class="current"><a href="#"><span>Services</span></a></li>
          <li><a href="#"><span>Location</span></a></li>
          <li><a href="#"><span>Contact Us</span></a></li>
        </ul>

我正在尝试。如果我能做到的话，我会在这里保持更新

Answer 1

您可以使用尝试 .prevAll()

$('#nav li.current').prevAll().addClass('bar')