najst najblizsi input pre daným elementom

chcem si spravit fciu erase() napriklad ..ktora by zacinala takto


namiesto "..." potrebujem doplnit kod ktory mi najde najblizsi input PRED tymto elementom na ktory bude kliknute...a to neviem ako ... aby som inputu mohol nastavit value = ""... viete mi pomoct?

DOM je v podstate strom, takže najbližší pred môže znamenať všeličo (záleží to od toho, aký html kód tam používaš).

Toto by nefungovalo??

$("a.erase").click(function(){ $("a.erase").prev("input").value="bla" });

skor takto ale ani to NEJDE ...to co si napisal by nefungovalo ak by si mal na jednej stranke viac a.erase lebo by nevedelo ktory input ma brat...

pouzivaj `this` ked chces vediet na ktoru linku si prave klikol.



nezabudaj ze input musi byt sibling..

rad by som povedal ze to funguje...ale nefunguje :/ preco?

Lebo to mas pokazene. Posli odkaz na zivu ukazku alebo ukaz svoj kod cez jsfiddle.net.

Ja by som sa pridal ak dovolíte, lebo som sa do toho zaplietol a keďže je to to isté, tak nechcem zakladať novú tému.
Tu je kód: http://jsfiddle.net/p5XEp/3/
Ten kód funguje ako má, ale keď do funkcie prev pridám argument napr. prev("div"), tak to fungovať prestane.
Nechápem prečo?

Mne to ide...
http://jsfiddle.net/p5XEp/6/

Ando:
To by mohlo byť riešenie pre DeeJaya, ale mňa by zaujímalo, prečo ten tvoj príklad prestane fungovať keď medzi ten klikač a ten input pridám niečo iné, ako napr. tu: http://jsfiddle.net/p5XEp/7/
Lebo podĺa dokumentácie by to fungovať malo. Načo iné je tam potom voliteľný argument???

EDIT:
Ako vidno vadí tam akýkoľvek iný element, ktorý by sa ocitol medzi klikačom a prev(). Ale fakt nechápem, načo je tam potom ten voliteľný argument.

Lebo tak funguje metoda prev(). Ty skor potrebujes http://api.jquery.com/prevAll/ alebo este lepsie http://api.jquery.com/prevUntil/

no ja tam tiez mam medzi tym nejaky iny element...preto mi to neslo...ako to inak napisat ???

No tak pre to čo som chcel, by to mohlo vyzerať takto: http://jsfiddle.net/p5XEp/9/
Len je tam zaujímavé, že prevAll() vracia objekt, ktorý má prvky zoradené od konca. Moc elegantné mi to celé teda nepripadá. Čakal som že funkcia prev() bude fungovať lepšie...

EDIT:
sorry už je ten link opravený...

A ako teda vyzerá ten tvoj html kód?

teda nie element ale mam to v tabulke

Tam bude problém v tom, že ten input neni sibling...

A mohlo by to vyzerať snáď takto: http://jsfiddle.net/p5XEp/10/
A children() nema problem ani s inymi elementami v danej bunke: http://jsfiddle.net/p5XEp/12/

Super vecička tento jsfiddlle

jj ide to dikes....

// pridané po 19 hodinách 24 minútach od posledného príspevku



a mohol by mi to niekto trocha objasnit??...funguje to ale nejak tomu nechapem aj ked som si precital dokumentaciu :/...
tejto postupnosti nerozumiem: parent().prev().children("input")

teraz napriklad potrebujem napisat fciu ktora mi vlozi vsetky udaje do elementu (select) ktory sa nachadza najblizsie ZA kliknutym elementom...cize nasledujuci element select

To je taký problém dať tým elementom nejaké id? Napr. <a> sa dá item_1, tomu editu zase item_1_text ...

Ak sa to tak nedá, lebo to máš zložitejšie, tak to máš urobené zle a urob to ešte raz a rozumne (spoliehať sa v javascripte na presný tvar html kódu nie je podľa mňa rozumné).

samozrejme ze sa to da...prave tak to teraz mam spravene...ale dosiel som k problemu ktory mi to robi nepouzitelnym...trochu ti ho popisem:

mal som dve selecty...prvy #druh_zariadenia v ktorom som si vybral druh zariadenia cez onchange $(this).val(). postom cez ajax poslal do suboru v ktorom som vytiahol vsetky zariadenia podla value aku som v tomto selecte vybral a options vlozit do druheho selectu #zariadenia..ALE ...vyskytol sa problem ze potrebujem na stranke prepojit jedno zariadenie z inym TAKZE: potrebujem vybrat druh zariadenia a zariadenie pre PRVE a vybrat druh zariadenia a zariadenie pre DRUHE zariadenie...to znamena ze uz tam ID na tie elementy pouzit nemozem lebo by tam boli dvakrat...tieto dve selecty su VZDY za sebou preto tam ziadny problem nastat nemoze a mozem to spravit takto..len potrebujem pomoct

js:


ak tie selecty dam dvakrat za sebou on nevie do ktoreho ma vlozit tie udaje preto potrebujem tento riadok $("#zariadenie").html(data.content); nahradit takym ze to vlozi do najblizsieho selectu

Ty tam máš teda dve zariadenia? Ak áno, to je problém použiť ID zariadenie1 a zariadenie2? Prípadne môžeš použiť class.

deeJay:
Tu nájdeš všetko, čo som použil v tvojom prípade: http://jquery-navod.cz/kategorie-selektory/4-selektory
Ak nechápeš, čo znamenajú slová parent, children, sibling a prev tak si treba pozrieť niečo o štruktúre DOM.

chrono:
Ale ako rozlíšiš v tom riadku - $("#zariadenie").html(data.content); - do ktorého sa to má vložiť?? Musel by si založiť nejakú premennú s identifikátorom, ktorá by to rozhodla, čo by bola ďalšia funkcia navyšše, nie??

Edit:
ale tá funkcia by zrejme bola aj tak efektívnejšia...

pozri sem spravil som nejaky podobny priklad bez toho aby som to musel posielat do suboru

http://jsfiddle.net/sjVfC/2/

len tam potrebujem nahradit riadok $("#zariadenie").html(content); za taky aby tie options vlozilo do nasledujuceho selectu za tym v ktorom vyberas druh..ta fcia sa v stahuje stale na dve selecty v jednom vyberiem druh a do druheho sa mi vypisu zariadenia tohto druhu...a nemozem to viazat na ID lebo takych dvojich tam mozem mat aj 4

// pridané po 1 hodine 31 minútach od posledného príspevku


cele som si to presiel..ale neviem ci to nejake spojenie fcii next, children mi pomoze kedze tie moje dva selecty mozu byt oddelene buď:

ale mozu byt oddelene aj:

pri oboch pripadoch by ten js kod mal vyzerat inak nie?...potrebujem nieco co prejde DOM od aktualneho selectu az kym nenajde najblizsi dalsi select a do neho to vlozi...ziadne jednoduche riesenie neexistuje ?

// pridané po 4 hodinách 21 minútach od posledného príspevku

edit: no nic spravil som to tak ze beriem druhu class s aktualneho selectu


kedze prva je .druh_zariadenia a terget select vyberam tak ze:


inak sa to asi ani neda