Jquery $（“div[attribute=[var]”不工作

我这里有一个JSFIDLE——它有三个div。第二个div有一个值为“pu1”的“popup\u name”属性。第一个div有一个具有值为“pu1”的“rollover\u target”属性的滚动处理程序

其思想是，当您翻滚box1时，其翻滚目标属性指定要显示的div，即具有popup_name属性“pu1”的div

第6行的ro$收集我们需要显示的div。这一行运行良好，找到2个div。 第7行中的ro$似乎应该做完全相同的事情，因为它只使用一个带有“pu1”的变量，而不是字符串“pu1”。但是它返回0个div

有人看到问题了吗

谢谢

$('#box1').hover(function() {
    var rollover_target;
    var ro$;
    debugger;
    rollover_target  = $(this).attr('rollover_target');
    ro$=$("div[popup_name='pu1']");  // works
    ro$=$("div[popup_name=rollover_target]");
    x=1;        // so debugger doesn't return before results of above line are seen
});

---

将字符串文字与变量一起使用时，需要使用字符串连接

ro$=$('div[popup_name="' + rollover_target + '"]');