jQuery-添加和删除选定的类

代码笔：

我目前有一个问题，我有一个典型的导航菜单设置，并希望点击链接有一个类添加到他们点击。然而，我一次只想有一个链接，让这个类在上面。我已经设置了一个代码笔，目前我的代码正在使所有链接都拥有这个类，而没有在单击链接后将其删除

HTML

JS

我是新来的，是jQuery/javascript，所以我为这个基本问题道歉

谢谢你的帮助

在添加类之前，请删除该类

代码：

使用此选项，从所有

导航a

中删除“选定”类，并将“选定”类添加到单击的元素中

$("nav a").click(function() {
//Deselect sibling elements 
$("nav a").removeClass( "selected" );
  //Select clicked element 
$(this).addClass( "selected" );
});

---

请在问题中添加代码，而不仅仅是一个链接

a {
  text-decoration: none;
  padding: 10px;
  margin-left: 5px
}

li {
  float: left;
  list-style: none
}
.selected, a:hover {
  background-color: blue;
  color: white;
}

 //When clicking on control list items 
$("nav a").click(function() {
//Deselect sibling elements 
$(this).siblings().removeClass( "selected" );
  //Select clicked element 
$(this).addClass( "selected" );
});  

$("nav a").click(function() {
  $('.selected').removeClass( "selected" );
  $(this).addClass( "selected" );
});  

$("nav a").click(function() {
//Deselect sibling elements 
$("nav a").removeClass( "selected" );
  //Select clicked element 
$(this).addClass( "selected" );
});