-
06.01.12 12:38 #1
- Registriert seit
- Dec 2004
- Ort
- Lehrte bei Hannover
- Beiträge
- 435
Ich suche eine ausführliche Beschreibung a la CSS4YOU.de nur eben für JS Selektoren, weil ich aktuell vor folgendem Problem stehe:
Ich habe eine Verschachtelung:
Code :1 2 3 4 5
<div class="eins"> <div class="zwei"> </div> </div>
Ich möchte gerne, dass der container mit class="zwei" immer bei einem hover über den container mit class="eins" erscheint. Ich habe es versucht mit
Code :1
this.zwei.style.display='inline'
, aber der Container reagiert nicht, deswegen denke ich, dass ich den Selektor falsch beschrieben habe.
Das Problem ist, dass diese Verschachtelung auf einer Seite mehrmals vorkommt und wenn ich einfach sage
Code :1
.zwei.style.display='inline'
dann zeigt er alle auf dieser seite an. Ich kann den einzelnen class="zwei" containern keine genaue bezeichnung (ID) zuweisen.
Also suche ich eine Möglichkeit immer DEN class="zwei" container anzusprechen der sich in dem class=""eins" container befindet, über den der cursor grad "hovert"
-
Es gibt nicht sowas wie "Selektoren" in JavaScript. Es gibt das DOM und entsprechende Methoden. Wieso verwendest du dafür nicht CSS?
CSS: http://jsfiddle.net/sxLZm/
JS: http://jsfiddle.net/fHk6e/1/
Edit:
http://www.w3schools.com/jsref/default.asp
http://de.selfhtml.org/javascript/Geändert von CPoly (06.01.12 um 16:16 Uhr)
-
06.01.12 17:13 #3
- Registriert seit
- Dec 2004
- Ort
- Lehrte bei Hannover
- Beiträge
- 435
Meinst du pures CSS? Na ich will doch sagen, wenn hover über 1, dann verändere 2 - ich wüsste nicht wie das mit CSS geht?
-
Ich habe die Lösung doch gepostet! http://jsfiddle.net/sxLZm/
So lange Element 2 entweder auf gleicher oder einer tieferen Ebene wie Element 1 ist, kann man die ohne weiteres mittels CSS auswählen.
(Steht so auch in dem Link):
Code css:1 2 3
.eins:hover > .zwei { display:inline; }
-
11.01.12 11:59 #5
- Registriert seit
- Dec 2004
- Ort
- Lehrte bei Hannover
- Beiträge
- 435
Ja, da hast du meine Beschreibung aber nicht richtig gelesen. Es gibt mehrere mit der klasse zwei und es sollen ja nicht alle umgestellt werden auf display: inline sondern nurder im geklicken element mit klasse "eins"
EDIT : BLA BLA Ich bin so ein Honk. Ich bin fest davon ausgegangen, dass es dann auf alle untergeordneten Elemente zutrifft, aber NATÜRLICH nur für die die gehovert werden
Entschuldige!
Geändert von Carrear (11.01.12 um 12:20 Uhr)
Ähnliche Themen
-
Verkettungen von Selektoren
Von Necro_nomicon im Forum CSSAntworten: 2Letzter Beitrag: 06.07.09, 12:59 -
[dojo/javascript] Nachgeladener JavaScript Code wird nicht geparst!
Von CyrusOne im Forum Javascript & AjaxAntworten: 3Letzter Beitrag: 09.10.08, 23:18 -
Problem bei Vererbung von Attributen bei Selektoren
Von Jan-Frederik Stieler im Forum CSSAntworten: 6Letzter Beitrag: 28.11.06, 02:32 -
Priorität der Klassen / Überschreiben globaler Selektoren-Eigenschaften
Von Mik3e im Forum CSSAntworten: 3Letzter Beitrag: 21.10.06, 07:21 -
ID oder Class Selektoren?
Von CHT im Forum CSSAntworten: 4Letzter Beitrag: 16.06.04, 13:38



1Danke


Zitieren


Login





