Hinzufügen einer CSS-Animation mit Verzögerung zu jedem Listenelement [duplizieren]

Question

Jun 23, 2012, 12:54 AM

Hinzufügen einer CSS-Animation mit Verzögerung zu jedem Listenelement [duplizieren]

Diese Frage hat hier bereits eine Antwort:

Wie jedes <li> -Tag langsam nacheinander angezeigt wird 1 Antwort

Ich versuche, eine Abfrage zu schreiben, die ein bestimmtes ungeordnetes Listen- / Dom-Element durchläuft und jedem Listenelement / untergeordneten Element eine CSS-Klasse (Animation) zuweist. Ich möchte auch eine einstellbare Verzögerungszeit zwischen der .addClass machen.

Alles, was ich versucht habe, ist kläglich gescheitert.

Beispielsweise

<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
</ul>

Wird

<ul>
   <li class="animation">Item 1</li>
     (50ms delay)
   <li class="animation">Item 2</li>
     (50ms delay)
   <li class="animation">Item 3</li>
     (50ms delay)
   <li class="animation">Item 4</li>
     (50ms delay)
</ul>

Irgendwelche Gedanken?