消息关闭
    暂无新消息!

ul li 点击事件切换颜色

问题作者 : 姚明2017-07-09发布

我想点击不同的li,然后被点击的li显示不同的颜色,如上图,感觉道理上都对的,不知道问题出在哪里,颜色还是不能切换。请教一下。。

5个回答

︿ 2
写错了,用下面这个
$("ul").on("click","li",function(){
    $("ul li").removeClass("nav-active");
    $(this).addClass("nav-active");
});
︿ 1
MD,,,手误了,,,上边的this不要加引号



$("ul li").on('click',function(){
  $("ul li['class']").removeClass("nav-active");
  $(this).addClass("class","nav-active");
})
这样
︿ 1

$("ul").on("click","li",function(){
    $("li").addClass("nav-active").siblings().removeClass("nav-active");
})

写成这样你在看看还有问题吗?
︿ 0
这是我写的示例:
    <ul>
        <li>点击</li>
        <li>点击</li>
        <li>点击</li>
        <li>点击</li>
        <li>点击</li>
    </ul>
    <style>
    .add{
        background-color:green;
    }
    </style>
    <script>
    $("ul").on("click","li",function(){
        $("ul li").removeClass("add");
        $(this).addClass("add");
    });
    </script>

这是我给你改的代码:
$("ul").on("click","li",function(){
    $("ul li").removeClass("add");
    $(this).addClass("nav-active");
});
︿ 0

$("ul li").on('click',function(){
  $("ul li['class']").removeClass("nav-active");
  $("this").addClass("class","nav-active");
})
这样用