Hide HTML element using JQuery

I would like to hide an element based on a role. (The roles are “Teacher” and “Student”)
This is the element I want to hide if a role is Student.

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

I like to create a function in tab.js that will hide the element above if the role is “Student” but I do not have that much idea since I have no experience with JQuery