Javascript、Jquery和变量问题

我在Jquery中使用变量时遇到了一个问题，我就是不知道问题出在哪里。 在本例中，我试图将一个随机类插入到我的li中。当我试着提醒颜色时，我能清楚地看到它写的是.绿色还是.红色。按照这个逻辑，我应该能够使用变量来添加我的类，对吗？但它不起作用。我做错了什么

(function(){

        $('li').on('click', function(){
            var number = Math.floor(Math.random() * 2);
            var colorA = ['.green', '.red'];
            var color = colorA[number];

            $(this).addClass(color);
        });
    })();

---

只需将

colorA

替换为以下内容：

var colorA = ['green', 'red'];

---

jQuery函数接受类“名称”而不是类“选择器”。

删除类名开头的点；-）

试着去掉类名开头的圆点，效果很好！非常感谢你！