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

Question

我有一个滑块（slick.js 滑块），我想按颜色（红色、绿色、蓝色）过滤我的幻灯片。在我的 chrome 控制台中，当我使用以下语法过滤时它工作正常：

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

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

但是，在我的文件中，如果我这样做：

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 + "'");

它return是我：

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

我不知道我在哪里犯了语法错误，因为 "'." + selected_color + "'" returned '.green' 并且它在控制台中工作。

Answer 1

正如评论中指出的那样，我在不应该引用的时候有额外的引用。我需要做的是：$('.my-class').slick('slickFilter', "." + selected_color);.

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

Javascript syntax error when trying to use a variable in the argument of a function

javascript

syntax

syntax-error