Jquery在鼠標點擊中選擇了太多元素

Question

我想要獲取單擊的元素的ID。它應該只給我的ID，如果它有。

我有這樣的代碼來提醒我的元素ID：

$("[id]").click(function(event) { 
    event.preventDefault(); 
    var id_name = $(this).attr("id"); 
    alert(id_name); 
}); 

但我只想要最重要的元素的ID。

我有一個div內的按鈕，都有一個id-屬性。如果我點擊按鈕，我只想要按鈕的ID。但是，我的腳本會提醒我按鈕ID和div的ID。爲什麼那/我怎麼才能得到最前面的元素的ID？

Answer 1

一個id那是因爲當你點擊按鈕時，你也在點擊它的父元素。

在函數中添加此event.stopPropagation();

http://api.jquery.com/event.stoppropagation/

Answer 2

問題是event propagation，因爲你的目標的所有元素可以綁定處理程序對文檔對象，然後檢查是否有目標元素

$(document).click(function (event) { 
    var id = event.target.id; 
    if (!id) { 
     return; 
    } 
    event.preventDefault(); 
    alert(id); 
}); 

Answer 3

$("button[id]").click(function(event) { 
    event.preventDefault(); 
    var id_name = $(this).attr("id"); 
    alert(id_name); 
}); 

http://jsfiddle.net/asimshahiddIT/unm8qjzf/