Warum registrieren? Nur als registriertes Mitglied vom ABAKUS Forum hast Du vollen Zugriff auf alle Funktionen unserer Website.

jQuery: element NACH einem anderen element finden?

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
nerd
PostRank 10
PostRank 10
Beiträge: 4098
Registriert: 15.02.2005, 04:02

Beitrag von nerd » 02.09.2019, 04:20

Hallo,

mal eine doofe frage: die findet man mit jquery elemente, die (im sourcecode) nach/unter einem element stehen?
next() funktioniert bei mir nicht, weil das naechste elemet ein anderes parent-element hat, und next() wohl nur child-elemente darunter absucht.

einfaches beispiel: https://jsfiddle.net/ouacx7rq/

bei einem change event auf name soll email fokusiert werden,
bei einem change event auf email soll message fokusiert werden.

Tabindex kann ich nicht nutzen, weil ich jqtree eingebunden habe welches laufend den focus stiehlt wenn es ich ueber ein formular einzelne werte darin aendern will.

ABAKUS Anzeige

von ABAKUS Anzeige »





SEO Consulting bei ABAKUS Internet Marketing.
Nutzen Sie unsere jahrelange Erfahrung und lassen Sie sich beraten!
Jetzt anfragen unter: SEO Consulting oder kontaktieren Sie uns direkt unter: 0511 / 300325-0


supervisior
PostRank 9
PostRank 9
Beiträge: 1168
Registriert: 26.06.2006, 09:11
Kontaktdaten:

Beitrag von supervisior » 02.09.2019, 06:24

Warum denkst Du so kompliziert? Deine Input Felder haben doch alle einen anderen type oder lassen sich doch per Identifier je Input ansprechen.

nerd
PostRank 10
PostRank 10
Beiträge: 4098
Registriert: 15.02.2005, 04:02

Beitrag von nerd » 02.09.2019, 06:54

Weil ich anders als im beispiel leider 10 eingabefelder habe die je nach einstellung entweder aenderbar oder readonly sein koennen, und ich einfach nur in das naechste aenderbare feld "darunter" springen will.

Was readonly ist oder nicht wird am server entschieden, und ich will die selbe logik nicht nochmal in javascript nachbauen muessen.

Hanzo2012
Community-Manager
Community-Manager
Beiträge: 1733
Registriert: 26.09.2011, 23:31

Beitrag von Hanzo2012 » 02.09.2019, 07:14

Hol dir die Liste aller relevanten input-Elemente. Um das nächste Element zu finden, fragst du den Index des „aktuellen“ Elements in dieser Liste ab (mit jQuery-Funktion „index“), addierst 1 drauf und holst dir mit dem neuen Index das nächste Element aus der Liste. Vorsicht beim letzten Element.

staticweb
PostRank 9
PostRank 9
Beiträge: 1510
Registriert: 04.05.2016, 14:34

Beitrag von staticweb » 02.09.2019, 08:08

Mit .closest / .parent erst nach oben und danach erst horizontal navigieren. Beim letzten Element muss du wieder auf das erste div navigieren. Im übrigen wäre es günstiger Klassennamen zu vergeben.

Antworten