Проблема с переменной переменной Javascript

Question

У меня есть простая проблема, которая ускользает от меня.

Вот более простая версия кода, но использует тот же принцип.

function myFunction(){ 
    $('.selector_1, .selector_2').click(function(e){ 
    var $trgt = $(e.target); 
    var myVAR; 

    if ($trgt.is('.selector_1')){ 
     myVAR = 'selector_1'; 
    } 

    if ($trgt.is('.selector_2')){ 
     myVAR = 'selector_2'; 
    } 
    console.log(myVAR); 
    } 
} 

Этот вопрос, если пользователь нажать на selector_1myVAR бы получить заселена успешно каждый раз, однако, второй целевой обработчик будет всегда возвращать myVAR как неопределенные.

Я предполагаю, что это тип программирования типа 101, однако мне еще предстоит найти прямой ответ.

Спасибо, что посмотрели на это! Критика открыто оценивалась.

Answer 1

Ваш HTML, вероятно, что-то вроде этого:

<div class='selector_1'>HELLO</div> 

<div class='selector_2'><span>HI THERE</span></div> 

Итак, когда вы нажимаете на второй вы получите неопределенными bacause цель пролет и не селектор ,

Fiddle демо: http://jsfiddle.net/maniator/M6fYf/

Answer 2

Этот код следует работа. Может быть e.target не ведет себя правильно для некоторых типов элементов ??? Вместо e.target, попробуйте использовать this

function myFunction(){ 
    $('.selector_1, .selector_2').click(function(e){ 
    var $trgt = $(this); 
    var myVAR; 

    if ($trgt.is('.selector_1')){ 
     myVAR = 'selector_1'; 
    } 

    if ($trgt.is('.selector_2')){ 
     myVAR = 'selector_2'; 
    } 
    console.log(myVAR); 
    } 
}