如何得到我用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

您可以使用節點名稱來獲取點擊的節點..

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