JavaScript jquery find alternative

Drogenfahnder

Well-known member
ID: 167222
L
28 April 2006
333
6
Hallo,
ich möchte mehrere Bilder mit einem mousover ausstatten.
Die Struktur ist folgendermaßen aufgebaut
Code:
<div id="eins">
<img class="out" ....>
<img class="out1" ....>
<img class="out2" ....>
<img class="out3" ....>
</div>
<div id="eins">
<img class="out" ....>
<img class="out1" ....>
<img class="out2" ....>
<img class="out3" ....>
</div>

für die Ansteuerung per jQuery
Code:
    $(document).ready(function(){
		$("#eins").hover(
  		function() {
  			$(this).find(".out").stop().animate({"opacity": "0"}, "200");
  			$(this).find(".out1").stop().animate({"opacity": "0"}, "200");
  		},
  		function() {
  			$(this).find(".out").stop().animate({"opacity": "1"}, "200");
  			$(this).find(".out1").stop().animate({"opacity": "1"}, "200");
  		}
    );
     
    });
das Problem ist, das nur die Bilder im ersten divblock einen mousover haben.
Wie kann ich das Problem beheben?
 
Deine id im DIV ist zweimal vergeben, diese dürfen nur einmal vergeben sein, ansonsten sollte class verwendet werden.

Also entweder auf class wechseln, oder eine zweite id für den zweiten DIV benutzen.
 
Darüber hinaus geht folgendes übrigens auch (und ist äquivalent zu dem von Dir verwendeten find()):
Code:
$(".out,.out1", this).stop().animate(...);