Kapitel 3 - Rezept 3 - Konvertieren eines selektierten jQuery-Objekts in ein <br /> reines DOM-Objekt src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
New York Yankees - Batting Line-up
Jeter
Damon
Teixeira
Posada
Swisher
Cano
Cabrera
Molina
Ransom
Figure 3-4 zeigt die Ausgabe. Figure 3-4. Code-Ausgabe
Den Index eines Elements in einer Selektion ermitteln Problem Wenn Sie ein Event an eine ganze Reihe von selektierten Elementen auf einer Seite binden, müssen Sie genau wissen, welches Element aus dem Set angeklickt wurde, um die Aktion für das gebundene Event zu »personalisieren«. Lösung Klicken wir ein Element an, dann können wir die Core-Methode index() verwenden, um den Index des Elements in einer Selektion zu erhalten: PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Kapitel 3 - Rezept 4 - Den Index eines Elements in einer Selektion <br /> ermitteln src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
Klick mich
Test
Klick mich
Figure 3-5 zeigt das Ergebnis. Figure 3-5. Code-Ausgabe Zuerst binden wir alle
-Elemente an ein Click-Event. Wenn dann ein
angeklickt wird, ermitteln wir, welches das Ziel war, indem wir nach dem Element in der gleichen Selektion suchen: $("div").index(this); . Dabei ist this das angeklickte
. Diskussion Die Core-Methode index() ermöglicht es Ihnen, den Index des DOM-Elements zu ermitteln, das Sie sich in einem jQuery-Set anschauen. Seit jQuery 1.2.6 können Sie auch den Index einer jQuery-Collection angeben. Die Methode liefert dann den Index des ersten gefundenen Elements zurück: var test = $("div.test");
$("div").each(function(i){ if ( $(this).index(test) >= 0) { //tue etwas } else { //tue etwas anderes } }); Wir prüfen, ob das
in der Schleife zu einem Eintrag aus der Collection passt, die wir in der Variable test abgelegt haben. Ist dies der Fall, führen wir damit dann etwas Bestimmtes durch. ---- Note Kann die index-Methode das Element nicht finden, liefert sie −1 zurück. ----
Aus einem bestehenden Array ein Array mit ausgewählten Werten erstellen Problem Sie haben eine geordnete Liste auf Ihrer Seite. Sie selektieren alle
-Elemente mit jQuery und müssen diese Liste in eine andere Liste umwandeln. Lösung Stellen wir uns vor, dass wir eine ungeordnete Liste mit Personennamen besitzen. Wir möchten die ersten drei Personen von dieser Liste als ganzen Satz ausgeben: PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Kapitel 3 - Rezept 5 - Aus einem bestehenden Array ein Array mit <br /> eindeutigen Werten erstellen src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
Kostenlos Online Lesen 