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()的selector参数中指定的目标相同？

这是http://jsfiddle.net/TUvB7/2/的小提琴

谢谢!

Answer 1

使用thisinsteed,e是开始冒泡的元素

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

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