Blogger Active LINK课程

时间:2014-09-26 09:14:59

标签: html css blogger

这是我的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>

如何在当前网址上添加此课程?

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

如何才能完成这项工作?

1 个答案:

答案 0 :(得分:2)

&#13;
&#13;
$('table td a').click(function(e){
    $('table td').removeClass('active');
    $(this).parent('td').addClass('active');
    e.preventDefault();
});
&#13;
.active a{
    color: #f00;
}
&#13;
<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>
&#13;
&#13;
&#13;

这是解决方案。根据您的需要使用它。