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

私もこの問題に直面していましたが、選択したクラスを変更して配置するだけです

<a class='current'>

cssから、それは私のために機能します

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

</script>

Answer 2

<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 3

jsタイプを変更してください

 <script type="application/javascript">

に

 <script type="text/javascript">