问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

jquery 每次点击只改变最后一个的样式

头像
走不了你
    9641925
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{width: 250px;height: 100px;}
        ul{overflow: hidden;}
        li{width: 20px;height: 20px;float: left;background-color: #f0f0f0;list-style: none;margin-left: 10px;}
    </style>
    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function(){
             $('input').click(function(){
                 $('li:last').css('background-color','#333333');
             })
        });
    </script>
</head>
<body>
    <div>
        <ul>
            <li>1</li>
            <li>1</li>
            <li>1</li>
            <li>1</li>
            <li>1</li>
            <li>1</li>
        </ul>
    </div>

    <input type="button" value="点击"/>
</body>
</html>

现在有以上代码段，我想实现的功能是，当我每次点击的时候，都是Li标签的背景色为`#fofofo`的最后一个改变颜色为#333333，请问代码该如何改写？如果用jquery的not()方法是否可行？
    javascriptjquery
    阅读 3k
    1 个回答
    得票最新
    头像
    TTFB
      8.4k31326
      ✓ 已被采纳
      <style>
    .bg-black{
        background-color: #333333;
    }
</style>

$('li:not(.bg-black):last').addClass('bg-black');
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题