jQuery: Schleife über alle Elemente eines Selektors

Manchmal ist es vonnöten, einen Wert, eine Aktion, eine CSS Eigenschaft oder was auch immer allen Elementen eines jQuery Selektors zuzuweisen. Heute möchte ich euch zeigen, wie ihr das bewerkstelligen könnt.

Schauen wir uns einfach das folgende Code Snippet an:

$.each($(".a"), function() {
   $(this).val('abc');
});

Um alle Elemente des Selektors durchgehen zu können, benutzen wir $.each. Als ersten Parameter übergeben wir den jQuery Selektor. In diesem Beispiel ist dies $(".a") aber natürlich können wir auch jeden anderen beliebigen Selektor verwenden. Als zweiten Parameter übergeben wir die Funktion, in der wir mit $(this) auf das aktuelle Element der Schleife zugreifen können.

In unserem Beispiel ändern wir nur den Wert jedes Elements der Klasse "a" auf "abc", aber auch hier können wir wieder jede beliebige andere Aktion in der Funktion ausführen.

Alternative Syntax

Dasselbe Ergebnis bekommen wir mit der folgenden Syntax:

$(".a").each(function() {
   $(this).val('abc');
});

Auch dies iteriert über alle Elemente mit der Klasse "a".