在 jQuery 属性等于值选择器中使用变量作为值

Question

我有一个div，其属性为“文件夹名称”，可以是“鞋子”、“连衣裙”等。该 div 如下所示：

<div id='folder_template' class="openclosed_folder_icon subfolder" foldername="shoes">
    <img class="folder_icon" src="images/folder_closed.png"  />
    <div class="folder_label">name</div> 
</div> 

我想搜索具有特定文件夹名称值的 div，并将其中的图像从“folder_closed.png”更改为“folder_open.png”，因此该图形看起来像一个打开的文件夹而不是一个关闭的文件夹。所以我有代码：

$("div[foldername=g.currentGallery]").attr('src','images/folder_open.png'); 

其中 g.currentGallery 是一个保存画廊名称的变量，例如“鞋子”，我想更改它。 但是这一行给了我错误：

语法错误，无法识别的表达式： div[文件夹名=g.currentGallery]

但这需要：

$("div[foldername='shoes']").attr('src','images/folder_open.png');

为什么我不能在这里使用变量？

Answer 1

像这样：

$('div[foldername="' + g.currentGallery.replace(/"/g, '\\"') + '"]').attr(/* whatever */);

如果我们有示例：

var g = { currentGallery: 'shoes["1"]' };

那么选择器表达式就变成了：

div[foldername="shoes[\"1\"]"]