连接变量作为选择器不起作用（Javascript/Jquery）

Question

我很困惑&对 jQuery 相当缺乏经验。我试图将一个值从厚盒窗口传递回父页面上的输入元素。为了确定正确的输入框，我尝试连接两个值，其中一个值是我成功从厚盒窗口中获取的，另一个值是一段文本，如下例所示。

grab_flavor = $('#flavor').val(); //contains 'apple'
alert(grab_flavor); // returns 'apple'
juice = "#" + grab_flavor + "juice";
alert(juice); // returns '#applejuice'
$(juice , top.document).val("favorited"); //doesn't seem to work...
flavor = "#apple";
juice = flavor + "juice";
$(juice , top.document).val("favorited"); // works

我似乎无法弄清楚为什么第一个串联不起作用，即使当我用警报显示它时它返回正确的值，但什么也没有发生。

我尝试了多种不同的连接方法，但是当我尝试包含“grabflavor”时，它们都失败了......非常感谢建议！

更新：正在研究一个更好的实时示例...

更新 2（最终）：弄清楚了...语法毕竟是有效的，连接没有任何问题，我只是忽略了一个小细节，因为我正在处理看起来相同的很长的选择器......下次我会休息更长的时间，这样我就可以从新的眼睛中受益。固执地执着于理解问题并不总是那么有效。感谢评论者发帖并指出 jsfiddle 和 jsbin，这是两个非常有用的发现！

Answer 1

除非是转录过程中的另一个拼写错误，否则问题就在这里：

juice = "#" + grabflavor + "juice";

您缺少 grab_flavor 中的下划线。纠正它，它就可以工作了（实时复制）。