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 demo

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));          
});

找到div ID并使用jQuery调用相关的Javascript变量

2 个答案:

jsBin demo