悬停在悬停jQuery的/ javascript的

Question

我有一个悬停在悬停，当我悬停的第一个元素#rezultat它工作正常它显示我每次我悬停的元素的id，但是当我把它的孩子翱翔它显示了我我之前徘徊父元素的所有时间总和的孩子ID。为什么？什么是解决方案？

$("#rezultat").hover(function(event){ 
     console.log($(this).attr("id")); 
     $("#rezultat").children().hover(function(){ 
      console.log($(this).attr("id")); 
     }); 
}); 

Answer 1

您正在寻找这样的：

 $("#rezultat").hover(function(event){ 
    console.log($(this).attr("id")); 
    $("#rezultat").children().hover(function(event){ 
     event.preventDefault(); 
     console.log($(this).attr("id")); 
    }); 
}); 

Answer 2

保留两个函数调用分离：

$("#rezultat").hover(function(event) { 
    console.log("parent: " + $(this).attr("id")); 
}); 

$("#rezultat").children().hover(function() { 
    console.log("child: " + $(this).attr("id")); 
}); 

否则，你每次触发悬停事件时间分配新onHover选项事件向所有儿童在#rezultat。

这里是一个工作示例：http://jsbin.com/vadameyexi/1/edit?html,js,console,output