1

リンク内にいくつかの魚の画像があり、次のようにリストされています...

<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 に関連付けられた変数を呼び出すにはどうすればよいですか?

4

2 に答える 2

2

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

eそれをイベント（ ）としてクリックイベント内に配置するfunction (e){...と、グローバルスコープ内にある限り、変数にアクセスする必要があります。

于 2012-07-16T18:29:16.200 に答える
0

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));          
});
于 2012-07-16T18:32:36.493 に答える