event.target jquery on () mousedown / up не дает dom, указанный селектором

Question

Привет, у меня есть этот простой HTML

<div class="wrapper">
    <span class="higher">
        [higher]
        <span class="lower">
            hello
        </span>
    </span>
</div>​

и этот JS

$('.wrapper').on('mousedown', '.higher', function(e){
    alert($(e.target).attr('class'))
    })​

В основном, когда я нажимаю на слово "привет", я получаю "ниже"целое из "выше".Как я могу сделать так, чтобы цель события была такой же, как указано в параметре селектора on ()?

Вот небольшая скрипка для этого http://jsfiddle.net/TUvB7/2/

Спасибо!

Answer 1

Используйте this insured, e - это элемент, который начал барботирование

$('.wrapper').on('mousedown', '.higher', function(e){
    alert($(this).attr('class')) // Changed line
})​

http://jsfiddle.net/TUvB7/7/

Answer 2

зачем нужно e.target?

$('.wrapper').on('mousedown', '.higher', function(e){
    alert($(this).attr('class'))
})​