如何将类添加到包含ID的特定元素?

时间:2018-08-25 08:33:12

标签: jquery html css

这是我的下拉列表,

<li class=dropdown>
    <a class=dropdown-toggle data-toggle=dropdown  href=# id='ent_management'>Ent Management <span class=caret></span></a>
    <ul class=dropdown-menu>
        <li><a href='ent_intern.php'>Student Resume</a></li>
        <li><a href='ent_arrangement_data.php'>Student management</a></li>
    </ul>
</li>

当我单击“学生简历”或“学生管理”时,页面将重定向到相应的页面,这将刷新页面。 网页重定向后,我想向 Ent Management 添加一个活动类。这就是我的方法:

<script type='text/javascript'>
    $('#ent_management').addClass('active');
</script>
<style>
    .active{
        color: red;
    }
</style>

实际上不起作用。有任何想法吗?非常感谢。

2 个答案:

答案 0 :(得分:0)

尝试使用此代码。更改代码后,请清除浏览器缓存,然后刷新页面。希望这对您有用。

window.onload = function(){
  $("#ent_management").addClass("active");
}

答案 1 :(得分:0)

您实际上违反了DOM规则。这样做:

<style>
    .active{
        color: red;
    }
</style>

<li class=dropdown>
    <a class=dropdown-toggle data-toggle=dropdown  href=# id='ent_management'>Ent Management <span class=caret></span></a>
    <ul class=dropdown-menu>
        <li><a href='ent_intern.php'>Student Resume</a></li>
        <li><a href='ent_arrangement_data.php'>Student management</a></li>
    </ul>
</li>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type='text/javascript'>
    $(document).ready(function(){
      $('#ent_management').addClass('active');
    });
</script>