如何使用jquery获取我点击的html标签？

Question

我在一个网页上工作,其结构类似于:

<div id="mydata">
<img src="" >
<img src="" >
<img src="" >
<video src=""></video>
<video src=""></video>
<img src="" >
<img src="" >
</div>

所以它是mydata div中的视频和图像的组合.

现在我想做的是:

如果我的用户点击图像然后出现警报并显示"它是图像",如果点击视频,则警报显示"这是一个视频"

请告诉我如何使用jquery执行此操作？

Answer 1

像这样:

$('#mydata').click(function( event ) {
    alert( 'clicked node: ' + event.target.nodeName );
});

我们利用大多数浏览器事件"冒泡"树的事实.因此,将单击事件处理程序绑定到该父div并检查event.target节点名称就足够了.

例如:http://jsfiddle.net/7YEb2/