dynamicznie zastosuj aktywną klasę do nav li

Do plików załączyłem nagłówek, tak jak w dołączeniu. W nagłówku znajduje się pasek nawigacyjny.

Jak mogę zastosować jQueryclass="active" do odpowiedniegoli.

Jedynym sposobem, w jaki mogłem myśleć o tym, jest ustawienie zmiennej na rzeczywistych stronach, zastosowanie identyfikatora, który jest równy tej zmiennej odpowiedniej strony i jeśli funkcja tak, jeśli pasują, zastosuj klasę do li.

Pomyślałem jednak, że musi być prostszy sposób na osiągnięcie tego.

<ul class="nav nav-pills right" id="div">
    <li id="home" class="active">
       <a href="index.php">Home</a>
    </li>
    <li id="search">
       <a href="search.php">Search</a>
    </li>
    <li id="contact">
      <a href="contact.php">Contact</a>
    </li>
</ul>

questionAnswers(6)

yourAnswerToTheQuestion