试图在函数的参数中使用变量时出现Javascript语法错误

Question

我有一个滑块(slick.js滑块(，我想按颜色(红、绿、蓝(过滤我的幻灯片。在我的chrome控制台中，当我使用以下语法进行过滤时，它运行良好：

$('.my-class').slick('slickFilter', '.green');

但是，现在我想自动更改'.green'。为此，在我的文件中，我有一个名为selected_color的变量，它返回：红色、绿色或蓝色。

然而，在我的文件中，如果我这样做：

var selected_color = variant.featured_image.alt;
// the next line is for debug purpose        
console.log(selected_color, "'." + selected_color + "'");      
$('.my-class').slick('slickFilter', "'." + selected_color + "'");

它返回给我：

green '.green'
Uncaught Error: Syntax error, unrecognized expression: '.green'

我不知道我在哪里犯了语法错误，因为"'." + selected_color + "'"返回了'.green'，这在控制台中起作用。

Answer 1

正如评论中所指出的，我在不该加引号的时候加了引号。我需要做的是：$('.my-class').slick('slickFilter', "." + selected_color);。