jquery - Jquery 无法识别从数组传递的选择器

Question

我试图将数组中的类别名称传递给 jquery 选择器并操作 css 并在做一些动画之后。

我有双字符串的问题，但我修复了它们，但现在无论我做什么都会给我错误。

这是错误：

Uncaught Error: Syntax error, unrecognized expression: .cat-cloths_&_clothing

数组的输出是：

["cloths_&clothing", "old&_new_home", "food_rituals", "assorted", "route_to_freedom", "artworks", "road_movement"]

我的代码是：

var categorieGr = PostsArray.groupBy('category');
console.log(categorieGr);
var catNamesNoParse = Object.keys(categorieGr);
var catNames = [];
for (i = 0; i < catNamesNoParse.length; i++) {
    catNames.push(JSON.parse(catNamesNoParse[i]));
}
console.log(catNames);
var menu_cat_name;
for (var i = 0; i < catNames.length; i++) {
    $("#cat-menu ul").append('<li id="cat-' + catNames[i] + '"><span class="tab">' + catNames[i].replace(/\_/g, ' ').toUpperCase() + '</span></li>');
}

var selected_cat

$("#cat-menu ul li").click(function () {
    CatSelect = true;

    for (var i = 0; i < catNames.length; i++) {
        console.log(catNames[i])
        $("." + "cat-" + catNames[i]).css("background-color", "");
    }

标签： jqueryarraysstringunrecognized-selector