javascript - Javascript，Jquery变量问题

我在Jquery中使用变量时遇到问题，但我只是无法弄清楚问题是什么。
在这种情况下，我尝试向li插入一个随机类。当我尝试警告颜色时，我可以清楚地看到它写为.green或.red。按照这种逻辑，我应该能够使用变量来添加我的课程吧？但这是行不通的。我究竟做错了什么？

(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 addClass()函数接受类“名称”而不是类“选择器”。