将addClass添加到当前的li元素和removeClass

爱情编码

我想addClass的蓝色时,下一个当前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>

德里克物语

我认为您可以通过简化代码来实现所需的功能:与两个li一堆li一起使用

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当aria为true或false时,如何将addClass和removeClass添加到子元素?

来自分类Dev

单击<a>时将jQuery addClass添加到<li>

来自分类Dev

单击<a>时将jQuery addClass添加到<li>

来自分类Dev

将addClass添加到数组中的元素

来自分类Dev

jQuery 将 css 添加到当前 li js

来自分类Dev

将onclick添加到元素,但保持当前的onclick事件

来自分类Dev

将类添加到当前Slider div元素

来自分类Dev

将addClass添加到wrapAll结果

来自分类Dev

CSS:将特定的CSS添加到<li>元素

来自分类Dev

jQuery-addClass不将类添加到html元素

来自分类Dev

将引号添加到:before和:after元素

来自分类Dev

Python将元素添加到dict和defaultdict

来自分类Dev

将引号添加到:before和:after元素

来自分类Dev

如何将前一个数组元素的值添加到当前元素

来自分类Dev

将分数添加到当前分数?

来自分类Dev

将fadeOut添加到当前JS

来自分类Dev

将当前目录添加到PATH

来自分类Dev

将当前行添加到图案

来自分类Dev

将EventListener 添加到当前目标

来自分类Dev

将CSS类添加到父级li和sub li

来自分类Dev

根据同级兄弟上一类动态地将addClass()添加到元素吗?

来自分类Dev

将鼠标悬停在Angular JS的一个元素上并将addClass添加到其他elem

来自分类Dev

将鼠标悬停在Angular JS的一个元素上并将addClass添加到其他elem

来自分类Dev

将转换值添加到元素上已存在的当前转换中?

来自分类Dev

如何将当前单击的元素添加到jQuery中的数组?

来自分类Dev

如何在jQuery / JS中将类和元素(<p>)添加到附加的<li>

来自分类Dev

无法跳过使用not(first)将CSS规则添加到First li元素

来自分类Dev

如何将下拉箭头添加到具有子元素的<li>

来自分类Dev

单击提交按钮时如何使用JavaScript将li元素添加到ul

Related 相关文章

  1. 1

    当aria为true或false时,如何将addClass和removeClass添加到子元素?

  2. 2

    单击<a>时将jQuery addClass添加到<li>

  3. 3

    单击<a>时将jQuery addClass添加到<li>

  4. 4

    将addClass添加到数组中的元素

  5. 5

    jQuery 将 css 添加到当前 li js

  6. 6

    将onclick添加到元素,但保持当前的onclick事件

  7. 7

    将类添加到当前Slider div元素

  8. 8

    将addClass添加到wrapAll结果

  9. 9

    CSS:将特定的CSS添加到<li>元素

  10. 10

    jQuery-addClass不将类添加到html元素

  11. 11

    将引号添加到:before和:after元素

  12. 12

    Python将元素添加到dict和defaultdict

  13. 13

    将引号添加到:before和:after元素

  14. 14

    如何将前一个数组元素的值添加到当前元素

  15. 15

    将分数添加到当前分数?

  16. 16

    将fadeOut添加到当前JS

  17. 17

    将当前目录添加到PATH

  18. 18

    将当前行添加到图案

  19. 19

    将EventListener 添加到当前目标

  20. 20

    将CSS类添加到父级li和sub li

  21. 21

    根据同级兄弟上一类动态地将addClass()添加到元素吗?

  22. 22

    将鼠标悬停在Angular JS的一个元素上并将addClass添加到其他elem

  23. 23

    将鼠标悬停在Angular JS的一个元素上并将addClass添加到其他elem

  24. 24

    将转换值添加到元素上已存在的当前转换中?

  25. 25

    如何将当前单击的元素添加到jQuery中的数组?

  26. 26

    如何在jQuery / JS中将类和元素(<p>)添加到附加的<li>

  27. 27

    无法跳过使用not(first)将CSS规则添加到First li元素

  28. 28

    如何将下拉箭头添加到具有子元素的<li>

  29. 29

    单击提交按钮时如何使用JavaScript将li元素添加到ul

热门标签

归档