javascript - 将数组与 jquery 悬停函数一起循环

Question

我在努力......天哪，这很难解释。

我得到了一个名为“触发器”的数组，其中包含这些变量:

“#1_trigger”，“#2_trigger”，“#3_trigger”

在 jQuery each() 中，我创建了另一个名为“targets”的变量，它复制“triggers”中的所有内容并将所有 _trigger 替换为 _target。然后，我将“触发器”附加到 anchor ID，并将“目标”附加到隐藏的 div ID。

我想做的是:悬停在 _trigger 上时，_target 会出现。我设法让它只适用于一个变量，但不能适用于多个变量。

正如我所说，很难用文字解释我想做什么，所以这里有一个演示和我目前的进展: http://jsfiddle.net/WJWe3/6/

我已经被这个问题困了好几个小时了，请帮忙!

Answer 1

第一，不要用 # 命名它们，因为您在实际 ID 中使用了它。 (你可以在需要使用 jquery 查找它们时添加#)

在那一步之后，你需要的代码是

$("#experiment a").hover(function(){
   $( '#' + this.id.replace('_trigger', '_target') ).show();

}, function(){
   $( '#' + this.id.replace('_trigger', '_target') ).hide();
});

这应该在每个循环之外，因为它会自动找到相关目标。

在将 id 分配给 div 时，您还缺少一个符号 =。

演示 http://jsfiddle.net/gaby/WJWe3/14/