如何添加類中的所有活動的李前

我想不活躍課前添加類什麼都LI波紋管類似的代碼將如何添加類中的所有活動的李前

說，噹噹前類3號李再加入1級和2李太

<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>

我嘗試。如果我能做到的東西的話，我會繼續更新這裏

來源

2014-04-26 pagol

您可以使用嘗試.prevAll()

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

來源

2014-04-26 05:25:38

謝謝是的，我只是現在也找出:)謝謝 – pagol

你應該使用prevAll的（）的jQuery的功能

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

來源

2014-04-26 05:28:06 lampdev

謝謝是的，我剛纔也找出:)謝謝 – pagol

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

這將所有prev加入課程。元素

來源

2014-04-26 05:28:49

謝謝是的，我剛纔也找出了:)謝謝 – pagol

@pagol，歡迎 –

檢查這個demo

//To select all previous elements of `.current` element: 
$('.current').prevAll().addClass('bar'); 
//To select all next elements of `.current` element: 
$('.current').nextAll().addClass('bar');

來源

2014-04-26 05:30:40 Dave

謝謝...它很好 – pagol

upvote如果你喜歡它 – Dave

我知道這個問題是標籤的jQuery，但這裏是一個純js的方法以及它採用previousElementSibling

var el = document.querySelector('.current').previousElementSibling; 
while (el) { 
    el.classList.add('bar') 
    el = el.previousElementSibling; 
}

Live Demo

來源

2014-04-26 05:35:45 Loktar

如何添加類中的所有活動的李前

回答

相關問題