Benutzer-Werkzeuge

Webseiten-Werkzeuge


jquery:each

Elemente mit jQuery durchlaufen (iterieren)

Analog zur foreach-Schleife in PHP können in jQuery mit der each-Funktion DOM-Elemente durchlaufen werden, die vorher selektiert wurden.

Beispiel

HTML

<ul>
    <li>Listenpunkt 1</li>
    <li>Listenpunkt 2</li>
    <li>Listenpunkt 3</li>
</ul>

JavaScript

<script language="javascript" type="text/javascript">
 
    $("ul li").each( function () {
            alert( $(this).html() );
        }
    )
</script>

Erläuterungen

Mit „$(this)“ kann innerhalb der Schleife auf das aktuelle DOM-Element zugegriffen werden. Die Funktion „html()“ gibt das HTML des DOM-Elementes zurück.

jquery/each.txt · Zuletzt geändert: 2016/01/08 00:00 (Externe Bearbeitung)