глобальные переменные в разных функциях

Question

Одна вещь, о которой я думаю, я никогда не узнаю о переменных, это следующее.

У меня есть функция парения, как это:

var $thisId = $(this).attr('id'); 
function bindHover() { 
    $("#wrapper img").hover(function() { 
     console.log($thisId); 
    }); 
} 

console.log дает мне undefined. Когда im объявляет переменную между функцией, она работает. Теперь вопрос, если я хочу $(this).attr('id') во всех различных функциях, которые есть у меня в js. Что я могу сделать, что мне не нужно писать новую переменную в каждой функции?

Answer 1

var $thisId = $(this).attr('id'); 

Эта линия будет побежал раз, $thisId будет присвоено значение, и код будет двигаться дальше.

Итак, когда вы вызываете функцию bindHover, и назначается обработчик, она будет использовать любое значение $thisId, если оно было назначено.

Вы должны получить id изнутри обработчика, так что this - элемент, который вы хотите.

function bindHover() { 
    $("#wrapper img").hover(function() { 
     //console.log($(this).attr('id')); 
     console.log(this.id); // it's shorter :-) 
    }); 
} 

Answer 2

var $thisId; // create the var in global space 
function bindHover() { 
    $("#wrapper img").hover(function() { 
    $thisId = $(this).attr('id'); // set global var in local space 
    console.log($thisId); // global var displays local $(this) id 
    }); 
    console.log($thisId); // global var retains locally defined value until set again 
}