如何向用户隐藏导航栏上的项目？

Question

    This is my items on navbar

               <div class="form-group">
                    <a class="navbar-brand1" href="#">User Accounts</a>
                </div>
                <div class="form-group">
                    <a class="navbar-brand1" href="#">Lecture</a>
                </div>
                <div class="form-group">
                    <a class="navbar-brand1" href="#">Quiz</a>
                </div>
                <div class="form-group">
                    <a class="navbar-brand1" href="#">Record</a>
                </div>

如果学生登录，我想隐藏 "User Account" 项，另一方面，如果管理员登录，我想隐藏 "Lecture and Quiz" 项。我已经有 user_type [=15] 的登录功能=] 和 "admin" 已经。谢谢！

Answer 1

使用此 java 脚本函数：

 function usersetting(usertype)
    {
        if(usertype== "student") {
                 $(".form-group a").each(function() {
                     if($(this).text()=="User Account"){
                         $(this).parent().hide();
                         }
                     else {  
                         $(this).parent().show();
                     }
                 });
        }
        else if(usertype== "admin") {
      $(".form-group a").each(function() {
                     if($(this).text()=="Lecture and Quiz") {
                         $(this).parent().hide();
                     }
                     else {  
                         $(this).parent().show();
                     }
                 });
        }
    }

如何向用户隐藏导航栏上的项目？

How to hide items on navbar from user?

html

javascript

jsp

jsp-tags