JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

content="text/html;charset=UTF-8" />
    Kapitel 3 - Rezept 1 - Durchlaufen eines Sets mit selektierten <br />     Ergebnissen

Familien-Mitglieder

Ralf

Horst

Bernd

Johann

Richard

    Figure 3-1 zeigt das Ergebnis.
    Figure 3-1. Code-Ausgabe
    Während wir jedes

-Element durchlaufen, prüfen wir, ob der aktuelle Index, der als Argument an die Funktion übergeben wird, gerade oder ungerade ist. Abhängig davon setzen wir die eine CSS-Klasse (
.odd
) oder die andere (
.even
).
    ----
    Note
    Das mag der naheliegendste Weg sein,
$().each()
zu verwenden, aber es ist nicht der effizienteste, wenn man abwechselnde Hintergrundfarben vergeben möchte. Dieses Ziel hätten wir auch mit einer Zeile erreichen können:
$("ul > li:odd").addClass("odd");
    Dazu müssen wir vorher allen

-Elementen die CSS-Klasse
.even
verpassen, so dass wir nur die ungeraden

-Elemente mit
.odd
überschreiben müssen.
    ----
    Prinzipiell nimmt
$.each();
das gefundene Set und iteriert über jedes Element (wobei der Index als Referenz genutzt wird), führt eine Aktion durch und springt dann zum nächsten Element, bis keine mehr vorhanden sind.

Das Selektions-Set auf ein bestimmtes Element reduzieren
    Problem
    Ein jQuery-Selektor ist recht umfassend und selektiert abhängig von Ihrer Abfrage alle möglichen Elemente auf der Seite. Es kann notwendig sein, ein einzelnes Element in Abhängigkeit von seiner Position auszuwählen.
    Lösung
    Nachdem Sie Ihre Selektion mit jQuery durchgeführt haben, können Sie die Methode
.eq()
verkettenund den Index des gewünschten Elements übergeben.
    ----
    Note
    Der Selektions-Index beginnt bei Null, daher ist das erste Element in der Selektion
$().eq(0);
.
$().eq(4);
steht demzufolge für das fünfte Element.
    ----
    Lassen Sie uns die Abschlusstabellen der National Hockey League (NHL) Conferences als Beispiel dafür nutzen, wie man zeigen kann, welche Teams es in die Playoffs geschafft haben und welche nicht. Wir müssen dazu alle Teams in jeder Conference in der Tabellen-Reihenfolge aufführen. Da die obersten acht Teams jeder Conference in die Playoff-Runde gelangen, müssen wir nur den achten Eintrag jeder Liste bestimmen und dort eine Linie ziehen:
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Kapitel 3 - Rezept 2 - Reduzieren des Selektions-Sets auf ein bestimmtes <br />    Element