Php 如何在单击选定值后更改该值并删除以前的值?

Php 如何在单击选定值后更改该值并删除以前的值?,php,jquery,ajax,codeigniter,Php,Jquery,Ajax,Codeigniter,我有一个php视图,我想在单击后更改该类 <ul> <li> <a href="<?=base_url()?>home" id="home" onclick="select_class('home');" class="shortcut-dashboard" title="Home">Home</a></li> <li><a href="<?=base_url()?>message"

我有一个php视图,我想在单击后更改该类

<ul>
  <li> <a href="<?=base_url()?>home"  id="home" onclick="select_class('home');" class="shortcut-dashboard" title="Home">Home</a></li>
  <li><a href="<?=base_url()?>message"  class="shortcut-messages" id='mesg' onclick="select_class('mesg');" title="Messages">Messages</a></li>
</ul>
<script src="<?=base_url()?>js/libs/jquery-1.7.2.min.js"></script>
<script type="application/javascript">
    function select_class(id){
        if(id=='mesg'){
            $('#'+id).addClass('current');
            $('#home').removeClass('current');
        }
        else{
            $('#home').addClass('current');
            $('#mesg').removeClass('current');
        }
    }
</script>
如何选择所选值以使其可见并删除您应该使用的上一个值。请改为使用toggleClass

在这里拉小提琴

请更改js类型

 <script type="application/javascript">


我也遇到了这个问题,但我只是更改了所选的类并将其放置到

<a class='current'>
从css,然后它为我工作尝试你自己,然后你的问题将解决,也这样做

$(document).ready(function(){
    $('#shortcuts li a').each(function(index) {
        if(this.href.trim() == window.location)
            $(this).addClass("current");
    });
});

</script>

不是一个答案,但是你应该考虑更新你的jQuery文件,1.7.2现在已经很老了。jQuery在我的所有网站上都很好,这不是JQuery文件问题。我遗漏了一些技术要点。它不适用于anchor,因为当我单击它打开新页面时,默认情况下它会选择第一个分配给Home的类。我代表anchor命令执行此操作,因为我想从一个页面转到另一个页面。将js更改为此,以防止anchor的默认操作Seglespaan其工作,但我面对这样一个问题,我的页面不去想要的页面意味着不移动这个网站上的pagehref='message.php',点击后也不会移动到谷歌
<a class='current'>
$(document).ready(function(){
    $('#shortcuts li a').each(function(index) {
        if(this.href.trim() == window.location)
            $(this).addClass("current");
    });
});

</script>