Jquery选择器中使用变量实现动态选择例子

最新推荐文章于 2023-04-13 19:58:12 发布

james_laughing

最新推荐文章于 2023-04-13 19:58:12 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/james_laughing/article/details/91948483

jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript根据变量动态改变网页元素样式的技巧。通过案例演示了如何根据变量值的不同，为页面上的元素添加不同类别的样式，实现按钮颜色的自动变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var ii = i % 5;
        var mi = i + 1;

        console.log('ii='+ii);
        console.log('i='+i);
        switch ( i % 5)
        {
            case 0:
                $("#dbfriendid>li:nth-child("+mi+")").addClass("am-btn am-btn-primary am-radius");
                break;
            case 1:
                $("#dbfriendid>li:nth-child("+mi+")").addClass("am-btn am-btn-success am-radius");
                break;
            case 2:
                $("#dbfriendid>li:nth-child("+mi+")").addClass("am-btn am-btn-secondary am-radius");
                break;
            case 3:
                $("#dbfriendid>li:nth-child("+mi+")").addClass("am-btn am-btn-warning am-radius");
                break;
            case 4:
                $("#dbfriendid>li:nth-child("+mi+")").addClass("am-btn am-btn-danger am-radius");
                break;


        }