|
|||
jQuery Kochbuch Beispiel
Hi ich beschäftige mich gerade mit dem jQuery Kochbuch Beispiel Seite 28-29. (O´Reilly Verlag 2010) DOM-Elemente Klonen.
So sieht das Beispiel laut Buch aus: Edit fiddle - JSFiddle HTML-Code:
<style> ul#a{border: 1px solid #aaa;} /*grau*/ ul#b{border: 1px solid #FFFF00;} /*gelb*/ </style> <ul id="a"> <li><a href="#" class="remove">Name </a></li> <li><a href="#">Name </a></li> <li><a href="#" class="remove">Name </a></li> <li><a href="#" class="remove">Name </a></li> <li><a href="#">Name </a></li> <li><a href="#" class="remove">Name </a></li> <li><a href="#">Name </a></li> <li><a href="#" class="remove">Name </a></li> </ul> <ul id="b"></ul> <script> // Selektiere das <ul>-Elementen mit dem id-Attribut a. jQuery('ul#a li') .click(function() { //Click-Events zu jedem <li>-Element hinzufügen. alert('List-Item angeklickt!') }) .clone(true) // Das selektierte Element Klonen .find('li') //In den geklonten Elementen alle <li>-Elemente auswählen .appendTo('#b');// Die geklonten Elemente im Element mit dem id-Attribut b anhängen. .end() // Zurückkehren zum zuvor selektierten <ul id="b">-Element? oder Wrapperset? .end() // Zurückkehren zum zuvor selektierten <ul id="a">-Element? oder Wrapperset? .remove(); //Entfernen des ursprünglichen <ul>-Element. </script> Beim testen ist mir aufgefallen, dass es da einen Fehler gibt und zwar wird das Ausgangs <ul id="a">-Element nicht gelöscht. oder habe ich an dieser Stelle was falsch verstanden? Meint der Autor vielleicht das <ul> Wrapperset. Beim .end() bin ich mir auch nicht ganz schlüssig was nun gemeint ist. Grüße |
Sponsored Links |
|
||||
Da ist wohl ein .end() im Seitenumbruch verloren gegangen, wenn man es aber mit der entsprechenden Einrückung schreibt, könnte einem das auch auffallen Edit fiddle - JSFiddle
|
Sponsored Links |
|
|||
Danke, also ein Druckfehler. Es ist also immer gut wenn man das gelesene noch einmal ausprobiert.
Bleibt noch die Frage mit dem .end() ,(Zurückkehren zum zuvor selektierten <ul id="b">-Element? oder ist damit das Wrapperset gemeint? Und noch eine Frage: wo steht jetzt eigentlich das Klick-Event? ich kann es nicht finden. Aber funktionieren tut es. Grüße Nachtrag: Ich habe Wrapperset mal dahinter geschrieben wo ich denke das es ist. Edit fiddle - JSFiddle Geändert von gabischatz (20.01.2014 um 14:10 Uhr) |
|
||||
Das mit dem .end() ist hier schwierig, da die selection in der function clone auch nochmal bspw. dann auf dem letzten Element stehen könnte (was ich vermute) und deshalb erstmal auf li allgemein zurückgegangen werden muss.
Edit - genau wie du in deinem Nachtrag schreibst, so denk ich das Zitat:
|
|
|||
.filter(':first')
Hi ich habe eine weitere Frage: Edit fiddle - JSFiddle
Im jQuery Kochbuch Beispiel Seite 41 steht .filter(':first') . Der hat aber gar keine Auswirkung bei mir. Kann es sein, dass da etwas fehlt? Grüße |
|
|||
Da es noch nicht korrigiert ist...
Statt #b musst du.b schreiben, das # steht in CSS für eine ID, die du nicht hast.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
||||
Und warum nicht
Code:
$('ul li').first().addClass('b');
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
||||
Weil es hier nicht um first sondern um Filter allgemein geht, damit kann man ja z.B. auch sowas machen Edit fiddle - JSFiddle
also :lt(x) - alle mit Index kleiner x oder :gt(y) - alle mit Index größer y |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Das jQuery UI Accordion Plugin ohne jquery kenntnisse nutzen? | papalapap | Javascript & Ajax | 8 | 13.08.2012 23:00 |
Jquery Effekte wie und wo anfangen? Beispiel hier | Andimau | Javascript & Ajax | 4 | 20.05.2012 18:42 |
Warum geht das nicht? | HTML5junkie | CSS | 4 | 14.11.2011 17:07 |
jQuery (coda slider) und prototype (Lightbox) konflikt | computernerd | Javascript & Ajax | 3 | 21.09.2011 20:04 |
JQuery + Wordpress | VoinG | Javascript & Ajax | 0 | 29.12.2008 17:03 |