使用JQuery隐藏HTML元素

Question

我想隐藏一个基于角色的元素。(角色是“教师”和“学生”)如果角色是“学生”，这就是我想隐藏的元素。

tab.html

<a href="/profile" class="nav-item nav-link">Update</a>

<script src="{{ url_for('jquery', filename='jquery/profile/tab.js') }}"></script> //to access the .js file

我喜欢在tab.js中创建一个函数，如果这个角色是“学生”，它将隐藏上面的元素，但是我没有太多的想法，因为我对JQuery没有经验

Answer 1

可以使用jQuery hide()方法

例如：

$("button").click(function(){
  $("p").hide();
});