Javascript 类名更改

Javascript 类名更改,javascript,php,html,css,codeigniter,Javascript,Php,Html,Css,Codeigniter,我创建了一个带有导航菜单的网站。该网页是在CodeIgniter中创建的。我想将一个活动页面链接的颜色更改为另一个 我在首页上尝试了一些JS。首先,我尝试了多个无序列表。这不起作用,现在我只保留了导航菜单元素的无序列表 <script type="text/javascript"> $(document).ready(function(){ $('#mainav ul li').click

我创建了一个带有导航菜单的网站。该网页是在CodeIgniter中创建的。我想将一个活动页面链接的颜色更改为另一个

我在首页上尝试了一些JS。首先,我尝试了多个无序列表。这不起作用,现在我只保留了导航菜单元素的无序列表

<script type="text/javascript">
                        $(document).ready(function(){
                        $('#mainav ul li').click(function(){
                          console.log('find');
                          $(this).addClass("active");
                        });
                      });
        </script>

$(文档).ready(函数(){
$('mainav ul li')。单击(函数(){
console.log('find');
$(此).addClass(“活动”);
});
});
这里mainav是标题中
的id

php文件

<nav id="mainav" class="fl_right">
                    <ul class="clear" id="navs">

                    <?php if(!$this->session->userdata('logged_in') || $this->session->userdata('verify'))  :?>
                          <li class="active"><a href="<?php echo base_url();?>" class="nav-link">Home</a></li>
                    <?php endif ;?>
                    <?php if( $this->session->userdata('verify')):?>
                        <li ><a class="nav-link" href="<?php echo base_url();?>details/<?php echo $this->session->userdata('patient_id');?>" >Details</a></li>
                        <li ><a class="nav-link" href="<?php echo base_url();?>history/<?php echo $this->session->userdata('patient_id');?>">Consulting History</a></li>
                    <?php endif ;?>
                    <?php if( !$this->session->userdata('verify') && !$this->session->userdata('logged_in')):?>
                        <li ><a class="nav-link" href="<?php echo base_url();?>register">Register</a></li>
                        <li ><a class="nav-link" href="<?php echo base_url();?>print">Patient Login</a></li>
                        <li ><a class="nav-link" href="<?php echo base_url();?>login">Login</a></li>
                    <?php endif ;?>
                    <?php if( $this->session->userdata('logged_in')):?>
                    <li ><a href="<?php echo base_url();?>doctor" class="active">Home</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>list">List</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>list">Medicine</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>search">Patient</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>logout">Logout</a></li>
                    <?php endif ;?>
                    <?php if( $this->session->userdata('verify')):?>
                    <li class="active"><a class="nav-link" href="<?php echo base_url();?>logout">Logout</a></li><?php endif;?>
                    </ul>

                  </nav>


我需要确定哪个页面现在处于活动状态。即更改活动链接的颜色。

请尝试以下操作:

<a class="<?php if($this->uri->segment(1)=="search"){echo "active";}?>"