2013-07-19 21 views
0

鏈路1被選擇時,當我選擇21仍然突出顯示。 我認爲我的jQuery不正確,如果有人可以把我放?jQuery的選擇/突出顯示的數字

非常感謝

在線樣本:http://jsfiddle.net/XZuGR/

<ul> 
    <li><a href="#" class="selected">1</a></li> 
    <li><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
    <li><a href="#">5</a></li> 
</ul> 

.selected{ 
    color:red; 
} 


$('ul li a').click(function(){ 
    $(this).addClass('selected').parent().siblings('ul li a').removeClass('selected'); 

}); 
+0

的'.parent()'是一個'li'元素,所以它的兄弟姐妹也'li'元素,而不是'a'元素。 –

+1

'$(this).addClass('selected')。closest('li')。siblings('li')。find('a')。removeClass('selected');' – adeneo

+0

@ adeneo非常感謝 – olo

回答

1

請使用此代碼

$('ul li a').click(function(){ 
    $('ul li a').removeClass("selected") 
    $(this).addClass('selected'); 

});