的jQuery - 添加和刪除選定類

Question

Codepen：http://codepen.io/Travo100/pen/DtwvG

我目前有一個問題，我有一個典型的導航菜單設置，想點擊的鏈接有點擊時加入其中的一類。不過，我一次只想要一個鏈接來創建這個類。我已經設置了一個codepen，目前我的代碼正在使所有鏈接都擁有這個類，而不會在點擊鏈接後將其移除。

HTML

<nav> 
    <ul> 
    <li><a href="#" class="selected">Home</a></li> 
    <li><a href="#">About Us</a></li> 
    <li><a href="#">Samples</a></li> 
    <li><a href="#">Clients</a></li> 
    <li><a href="#">Contact</a></li> 
    </ul> 
</nav> 

CSS

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

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

JS

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

我是新的jQuery是/ JavaScript的，所以我這個基本的問題深表歉意。

謝謝你的幫助。

Answer 1

http://codepen.io/anon/pen/djxJH

加入之前去掉一般類。

代碼：

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

Answer 2

使用此，刪除「選擇」類從所有nav a，並添加「選擇」類點擊的元素。

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