jQuery选中/突出显示的数字

时间:2013-07-19 01:44:13

标签: javascript jquery

选择

链接 1 ,当我选择 2 时, 1 仍会突出显示。 我认为我的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');

});

1 个答案:

答案 0 :(得分:1)

请使用此代码

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

});