带有<a>和<p>标签的jQuery event.target

Question

我是jQuery的新手,所以请光临我...

我为这样<a>设置的所有标签都有一个jQuery事件

$('a').live('click', function(event)

我正在使用这个获得标签的href

var href = event.target.href;

这是我的HTML:

<a href="/test/path/">
     <p>My Link</p>
</a>

var href当我单击<a>标签区域时,我可以成功登录控制台,但是当我单击文本(<p>标签内的<a>标签)时,我的控制台对于event.target.href和'[object HTMLParagraphElement]说'undefined' 'for event.target.

如何检查用户是否单击文本并获取其所属<a>标记的href值？

Answer 1

用this而不是event.target.

var href = this.href;

• event.target 是单击的最深嵌套元素

• this是处理程序绑定的元素(或者在委托的情况下.live(),它是成功匹配选择器的元素)