獲取特定元素的id而不是父元素

Question

我想要獲取點擊時特定元素的id，但問題是如果元素沒有id，那麼函數仍然在所有元素的循環中有身份證的父母！

這裏有一個例子，我怎樣才能讓它只針對特定元素一次提醒？

http://jsfiddle.net/RUadJ/1/

Answer 1

This example如果將其直接點擊的元素具有ID唯一警報。

不知道更多關於你想要達到的目標，很難提供更好的答案。

$("*").click(function(e){ 
    e.stopPropagation(); 
    if($(this).attr("id") != null){ 
     alert("have id "); 
    } 
}); 

Answer 2

問題出在*符號上。嘗試一些更具體的例如img或一類

$("*").click(function(e).... 

Answer 3

函數「循環」的原因是因爲事件冒泡DOM。要停止冒泡，將此代碼添加到您的處理程序的頂部：

e.cancelBubble = true; 
if (e.stopPropagation) e.stopPropagation(); 

Answer 4

問題是你已經把它貼的點擊處理程序每元素在頁面上，然後單擊事件泡沫。也就是說，當你點擊一個子元素時，它的點擊處理程序將被調用，然後它的父級的點擊處理程序將被調用，等等。您可以使用.stopPropagation() method如下冒泡停止事件：

$("*").click(function(e){ 
    e.stopPropagation(); 

    // your other code here 
}); 

演示：http://jsfiddle.net/RUadJ/6/

（或者只是從你的點擊處理程序返回false。）

或者你可以比較event.target property到this - 如果它們相同，則知道在泡泡之前正在處理「原始」單擊事件。 （如果他們不同，你知道事件已經冒泡了。）

P.S.將你的點擊處理程序附加到每個元素上是非常低效的。您可以只附加一個處理程序到document，然後event.target（上面提到的）將是最初點擊的元素，因此您仍然可以測試其ID。然後，你不必擔心，因爲冒泡的點擊已經儘可能它可以冒泡：

$(document).click(function(e){ 
    if($(e.target).attr("id")!= null) 
     alert("have id "); 
    else 
     alert("doesn't have id "); 
}); 

演示：http://jsfiddle.net/RUadJ/26/

Answer 5

這是JavaScript的事件冒泡。 單擊事件會彈出，如果你想停止它，只需添加以下代碼：

e.stopPropagation(); 

後的if-else句。

Answer 6

那麼在這種情況下，您可以針對特定的類

$("div.foo").click(function(e){ 

if(!$(this).attr("id")==''){ 
    alert("have id "); 
} 
    else 
    { 
      alert("doesn't have id "); 
    } 
}); 

Answer 7

該選擇*是低效的，因爲這一切再次重述，它會告訴你2 *（元素）循環

$("*").click(function(e){ 
    var elementCount = $("#parent").find("*").length; 
    $("body").prepend("<h3>" + elementCount + " elements found</h3>"); 
});