Как получить правильный «это» элемент при использовании JQuery на() с двумя селекторами

Question

Рассмотрим следующий код:

$('#main').on('click', 'a', function() { 
    console.log($(this)); 
}); 

$(this) всегда будет соответствовать #main элементу, а не к <a> щелкнул. Как я могу получить <a>, который был нажат?

Спасибо!

Edit:

Извините, кажется, вы, ребята правильно: http://jsfiddle.net/R2rJU/1/

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

Answer 1

Нет, вы, кажется, что-то ошибаетесь. this всегда будет ссылаться на элемент DOM, который щелкнут внутри обработчика события клика.

Answer 2

this относится к обработчику <a>. так что вы делаете правильно

, если вы хотите использовать в явном виде, то вы можете использовать event.targetEvent.Target

$("#main").html("clicked: " + event.target.nodeName); 

Answer 3

$('#main').on('click', 'a', function() { 
    console.log($('#main :selected').text()); 
});