Текущая ссылка не работает

Question

Я уже пробовал много примеров текущей ссылки активны при нажатии, но никто из них не работает для меня. У меня есть ссылка, и каждая ссылка будет загружать контент при нажатии. Я хочу, чтобы после того, как я нажал ссылку, стиль все еще существует даже после обновления содержимого. Это мой index.html

<form name="searchForm" method="post" action="index.html"> 
    <div id="sorting"> 
     <ul> 
      <li href="#" class="sort">Sort By</li> 
      <li class="sort-by-doc by"> 
       <a href="#" id="1" onclick="setSorting(this.id)" th:text="#{sort.doc}"></a> 
       <div class="arrow-down"></div> 
      </li> 
      <li class="sort-by-date by"> 
       <a href="#" id="2" onclick="setSorting(this.id)" th:text="#{sort.date}"></a> 
       <div class="arrow-down"></div> 
      </li> 
      <li class="sort-by-po by"> 
       <a href="#" id="3" onclick="setSorting(this.id)" th:text="#{sort.po}"></a> 
       <div class="arrow-down"></div> 
      </li> 
     </ul> 
    </div> 
    <input type="hidden" name="sortBy" th:value="${sortBy}"></input> 
</form> 

Я добавил этот сценарий

$('#sorting li').click(function() { 
    $('li.current').removeClass('current'); 
    $(this).addClass('current'); 
}); 

Есть ли что-то, что я пропустил?

Answer 1

Я предлагаю сделать это следующим образом:

$('#sorting li').click(function(){ 
    $(this).addClass('current').siblings().removeClass('current'); 
});