Blogger Активный LINK Класс

Question

Вот мой HTML кнопки меню:

<tr> 
    <td><a href="http://exmple.com/2014/09/28.html">23</a></td> 
    <td><a href="http://exmple.com/2014/09/24.html">24</a></td> 
    <td><a href="http://exmple.com/2014/09/25.html">25</a></td> 
</tr> 

Как добавить этот класс в текущем URL?

<td class="active"><a href="http://example.com/2014/09/25.html">25</a></td> 

Как я могу выполнить эту работу?

Answer 1

$('table td a').click(function(e){ 
 
    $('table td').removeClass('active'); 
 
    $(this).parent('td').addClass('active'); 
 
    e.preventDefault(); 
 
});

.active a{ 
 
    color: #f00; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
     <td><a href="http://exmple.com/2014/09/28.html">23</a></td> 
 
     <td><a href="http://exmple.com/2014/09/24.html">24</a></td> 
 
     <td><a href="http://exmple.com/2014/09/25.html">25</a></td> 
 
    </tr> 
 
</table>

Вот решение. Используйте его в соответствии с вашими потребностями. .