php - 单击它并删除以前的值后如何更改选定的值？

Question

我有一个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>

如何选择所选值以使其可见并删除前一个

Answer 1

你应该.toggleClass()改用。

http://api.jquery.com/toggleClass

Answer 2

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

<a class='current'>

从 css 然后它适用于我自己尝试然后你的问题将解决并且也这样做

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

</script>

Answer 3

<ul id="example">
    <li>Test</li>
    <li>test 2</li>
</ul>

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

在这里摆弄 http://jsfiddle.net/mRKC6/

Answer 4

请更改js类型

 <script type="application/javascript">

到

 <script type="text/javascript">