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", "");
    }