addClass到当前li元素和removeClass

Question

我正在尝试addClass的蓝色到什么时候next当前li被点击和removeClass的上一个 li。然而，我似乎无法让它工作，它将类添加到另一个li中，但似乎删除了前面的类。

小提琴：https://jsfiddle.net/5otouLxg/1/

var $li = $("li a#t1:first-child");
var $li2 = $("li a#t2:first-child");
$('li').click(function () {
    if ($li.children().has

​

var $li = $("li a#t1:first-child");
var $li2 = $("li a#t2:first-child");

$('li').click(function () {
    if ($li.children().hasClass('nav-1')) {
        $li.children().addClass('blue');
        $li2.children().removeClass('blue');
    }
    if ($li2.children().hasClass('nav-2')) {
        $li.children().removeClass('blue');
        $li2.children().addClass('blue');
    }
});

.blue {
    color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<li>
    <a id="t1">
        <span class="nav-1">HELLO</span>
    </a>
</li>
<li>
    <a id="t2">
        <span class="nav-2">HELLO</span>
    </a>
</li>

​

Answer 1

我认为您可以通过简化代码来实现您想要的结果:使用二里或一堆李氏

$('li').click(function () {
    $(this).children('a').addClass('blue');
    $(this).siblings().children('a').removeClass('blue');
});

Answer 2

我用了另一个脚本

$('li').click(function(){
    $('li').removeClass('blue');
    $(this).addClass('blue');
});

脚本将删除所有li的“蓝色”类(如果超过2)，并将该类添加到已单击的类中。

希望这就是你所需要的。

小提琴演示