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?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage