javascript - 查找 div ID 并使用 jQuery 调用关联的 Javascript 变量

Question

我有几张鱼图片，在链接中，像这样列出......

<a href="#" class="trigger"><img src="img/fish1.png" id="fish1"/></a>
<a href="#" class="trigger"><img src="img/fish2.png" id="fish2"/></a>

我想获取 id 'fish1'、'fish2' 等。（基于单击），并使用变量替换某些文本。

变量的名称是...

var fish1Hunger
var fish2Hunger

我想用变量调用的函数是......

$(function() {
    $('a.trigger').click(function() {
        $('#popUp h3').html(REPLACE WITH VARIABLE ASSOCIATED WITH THE FISH);
    });
});

如何调用与 IMG id 关联的变量？

Answer 1

window[e.srcElement.id+"Hunger"];

把它放在你的点击事件中，e作为事件（function (e){...），只要它在全局范围内，它就应该访问变量。

Answer 2

jsBin 演示

var fish1Hunger = "Fish 1 is hunger!! Feed him!"
var fish2Hunger = "Fish 2 is hunger!! Feed him!"


$('a.trigger').click(function (e) {
    e.preventDefault();
    var ImLookingFor = $(this).find('img').attr('id')+'Hunger';
    $('#popUp h3').html(eval(ImLookingFor));          
});