JQuery применять привязку ко всем детям

Question

у меня есть:

$(document).ready(function(){ 
    $("#eventsContent").children().each(function(){ 
      $(this).bind("mouseenter", function(){ 
       $(this).css("background","#F5F5F5"); 
     }); 
    }); 
}); 

Я попробовал это несколько различных способов, но это тэки, что я сделал.

У меня есть контейнер div с многочисленными div в нем. Я хочу связать событие MouseEnter с каждым внутренним div соответственно (и, в конечном итоге, мышь, как только я увижу, что сделано, это будет легко расшириться).

Спасибо за помощь.

Answer 1

$("#eventsContent div").bind("mouseenter", function(){ 
    $(this).css("background","#F5F5F5"); 
}); 

Answer 2

Попробуйте парение:

$(document).ready(function() { 
    $("#eventsContent").children().each(function() { 
     $(this).hover(
      function() { $(this).css("background", "#F5F5F5") }, 
      function() { $(this).css("background", "#000000") } 
     ); 
    }); 
}); 

(не тестировал код)