如何使用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/

Answer 2

您可以使用nodeName获取单击的节点..

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