2009-06-04 13 views
1

ich habe:JQuery gelten binden an alle Kinder

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

ich diese ein paar verschiedene Möglichkeiten ausprobiert haben, aber dies ist die jist von dem, was ich getan habe.

Ich habe ein Container div mit zahlreichen divs drin. Ich möchte ein MouseEnter-Ereignis an jedes innere div binden (und eventuell ein mouseout, sobald ich sehe, was getan ist, wird es einfach sein, darüber zu expandieren).

Vielen Dank für Ihre Hilfe im Voraus.

Antwort

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

Diese wird nicht funktionieren für die ALL divs separat wird? sagen Sie Maus über Div1, ich möchte nur Div 1 zu ändern. – Jeremy

+0

Ja, es wird für alle DIVs unabhängig funktionieren. Wenn die Maus einen der DIVs betritt, ändert sich nur der Hintergrund dieses DIV. –

+0

arbeitete wie ein Charme, danke :) – Jeremy

0

Versuchen Sie, ein Schweben:

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

(Hat Code nicht testen)

+0

Das gleiche Konzept wie das, was ich geschrieben habe, glaube ich, dass mein Problem im Selektor liegt. – Jeremy