Javascript Selektoren

Carrear

Erfahrenes Mitglied
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:
<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:
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:
.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" ^^
 
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?
 
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):
CSS:
.eins:hover > .zwei {
    display:inline;
}
 
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!
 
Zuletzt bearbeitet:
Zurück