如何添加一個類到使用jQuery和JavaScript的元素？

我有以下給出的HTML代碼將導航添加到我的網站。（請注意，該列表是嵌套的）如何添加一個類到使用jQuery和JavaScript的元素？

<div id="navigation"> 
     <ul> 
     <li><a href="default.html">Home</a></li> 
     <li><a href="about.html">About us</a></li> 
     <li><a href="help.html">Help</a></li> 
     <li><a href="#">DropDown</a> 
      <ul> 
      <li><a href="#">Link 1</a></li> 
      <li><a href="#">Link 2</a></li> 
      <li><a href="#">Link 3</a></li> 
      </ul> 
     </li> 
     <li class="last"><a href="#">A Last Link Text</a></li> 
     </ul> 
</div>

我想以新顏色顯示當前活動的頁面鏈接。所以相應的列表項應該有活動，我使用CSS來改變顏色。例如，如果default.html是當前打開的頁面，則代碼應爲<li class=「active」><a href="default.html">Home</a></li>。

如何做到這一點在jQuery和JavaScript（我需要兩個不同的網站）。任何人都可以幫助我嗎？

感謝您的幫助。

來源

2013-09-27 user2435840

請在問題中發佈您的JavaScript代碼，以便我們提供幫助。 – elclanrs

其實我不懂javascript和jquery。但是，我開始知道我們可以選擇一個元素並使用這兩個腳本添加類。這就是爲什麼我問。 – user2435840

然後你需要先做一點研究。我們希望代碼在需要代碼的問題中。這是啓動http://jqueryfundamentals.com的好地方。然後在這裏檢查如何問好問題http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist – elclanrs

獲取您的網址/解析它：

var pathname = window.location.pathname;

然後添加類：

的Jquery：

$(element).addClass('classname');

JS：How do I add a class to a given element?

來源

2013-09-27 04:33:07 STLMikey

試試這個

$(document).ready(function() { 
    var url = location.href; 
    $('#navigation li a').each(function() { 
     var thisHref = this.getAttribute('href'); 
     if (thisHref !== '#' && url.indexOf(thisHref) !== -1) { 
      $(this.parentNode).addClass('active'); 
      return; 
     } 
    }); 
});

來源

2013-09-27 04:57:33

如何添加一個類到使用jQuery和JavaScript的元素？

回答

相關問題