如何判斷jQuery點擊發生在哪個元素上？

Question

我處理與jQuery的一個列表項點擊：

$("#some_list li").click(function(event) { 
    // magic happens here 
    } 

列表項的樣子：

<li><input type='checkbox'>Some text<span class='info'>(?)</span></li> 

我想有根據不同的行爲是否內用戶點擊（？ ）或列表中的其他任何地方。如何檢測用戶點擊了哪個元素？

Answer 1

像this：

$(this) 

所有事件處理程序中的元素的上下文中運行，所以this將參照本地DOM對象觸發事件的元素。

但是，這並不完全回答你的問題 - this將是處理程序註冊的元素。

要找到被點擊的實際元素（可以是this孩子），你應該寫$(e.target)

Answer 2

我寫了一個簡單的jQuery代碼來獲取點擊的鏈接的數量。

var temp_str=''; 
$(document).ready(function(){ 
    $('a').click(function(e){e.preventDefault();}); 
    $(document).click(function(e){ 
     if($(e.target).data('count')==undefined) 
     $(e.target).data('count',0); 
      $(e.target).data('count',$(e.target).data('count')+1); 

    $('a').each(function(i,item){if($(item).data('count')!=undefined)temp_str+=$(item).html()+" : "+$(item).data('count')+"<br>";}); 
    $('#helper').html(temp_str); 
    temp_str=''; 
    }); 

    });