2 4 Stimmen

jQuery: Schleife über alle Elemente eines Selektors

Tipp von Stefan Trost | 10.03.2013 um 18:23 Uhr

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".

AntwortenPositivNegativ

Über den Autor

Avatar AutorSoftware von Stefan Trost finden Sie auf sttmedia.de. Benötigen Sie eine individuelle Software nach Ihren eigenen Wünschen? Schreiben Sie uns: sttmedia.de/kontakt
Profil anzeigen | Nachricht

 

Ähnliche Themen

Wichtiger Hinweis

Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.