JQuery: Kinder verstecken, n-tes Kind anzeigen?
Das ist wirklich komisch und sollte einfach sein.
Ich habe eine Reihe von Bildern innerhalb eines Tags innerhalb eines Divs, zB:
<div id="images">
<a href="#"><img src="img1.jpg"/></a>
<a href="#"><img src="img2.jpg"/></a>
<a href="#"><img src="img3.jpg"/></a>
</div>
Ich möchte sie alle ausblenden, aber die n-te durchlaufen und anzeigen. Deshalb habe ich dieses Skript im Stil eines Bildschiebers erstellt:
var atags = $('#images').children().length;
$('#images').children().hide();
$('#images a:first').show();
var i=0
while (i <= atags){
$('#images').children().delay(4000).hide();
$("images:nth-child(" + i + ")").show();
i = i + 1;
}
Das Problem ist, dass trotz der ersten Außenseite der Schleife keine anderen a-Tags angezeigt werden. Sie bleiben alle verborgen, abgesehen von der .show (). Es erscheint die Linie$("images:nth-child(" + i + ")").show();
funktioniert einfach nicht
Kann mich jemand damit in die richtige Richtung weisen?