javascript - 无法在选择器中获取 jQuery '+variable+'

Question

我正在尝试根据 h2 标签内的第一个字符更改图像，该标签对应于名为 jquery_image 的 div 中图像集合的 id

如果我有以下代码，那么我的图像将按预期更改

$(".jquery_image img:not([id=1)").hide();
$(".jquery_image img[id=2]").show();

但是，当我尝试使用变量 jTitle 更改图像时，什么也没有发生

var jTitle = ($(this).text().substring(0,1));   
// alert(typeof jTitle); << string
$(".jquery_image img:not([id='+jTitle+'])").hide();
$(".jquery_image img[id='+jTitle+']").show();

为什么这段代码不起作用？我究竟做错了什么。 谢谢

Answer 1

$(".jquery_image img:not([id='"+jTitle+"'])").hide();

或

$('.jquery_image img:not([id="'+jTitle+'"])').hide();