2009-06-04 6 views
1

j'ai:JQuery appliquer se lient à tous les enfants

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

J'ai essayé ce deux manières différentes, mais c'est la jist de ce que je l'ai fait.

J'ai un container div avec de nombreux divs dedans. Je veux lier un événement MouseEnter à chaque div interne (et éventuellement un mouseout, une fois que je vois ce qui est fait, il sera facile de développer).

Merci de votre aide à l'avance.

Répondre

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

Cette habitude de travail pour tous les divs séparément veut-il? disons que vous passez la souris sur div1, je voudrais seulement que div 1 change. – Jeremy

+0

Oui, cela fonctionnera indépendamment pour tous les DIV. Lorsque la souris entre dans l'une des DIV, l'arrière-plan de cette DIV va seulement changer. –

+0

a travaillé comme un charme, merci :) – Jeremy

0

Essayez un vol stationnaire:

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

(n'a pas testé le code)

+0

Même concept que ce que j'ai écrit, je crois que mon problème réside dans le sélecteur. – Jeremy

Questions connexes