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

单击后如何更改选定的值并删除之前的？

4 个答案: