Javascript versteckt divs

8

Ich möchte eine JavaScript-Funktion haben, die divs für mich versteckt. Zum Beispiel habe ich etwas wie

%Vor%

Und ich möchte, dass die Funktion jedes "Element" -Klassenelement nach dem ersten sagt 3. Wie würde ich darüber gehen?

Danke für jede Hilfe

    
Dori 26.07.2010, 15:46
quelle

5 Antworten

8

In JS könnten Sie so etwas tun, vorausgesetzt, die item divs sind die einzigen untergeordneten Elemente des Container-div:

%Vor%

Versuchen Sie es hier: Ссылка

Andernfalls könnten Sie dies tun:

%Vor%

Versuchen Sie es hier: Ссылка

Und schließlich, wenn jQuery eine Option ist, gibt es einen Einzeiler, der den gt Selektor verwendet:

%Vor%

Versuchen Sie es hier: Ссылка

    
karim79 26.07.2010, 15:51
quelle
5

Mit klarem JavaScript etwas wie:

%Vor%

Dann können Sie tun:

%Vor%

Referenz: getElementById , getElementsByClassName

Aktualisierung:

Interessanterweise scheint IE8 die leistungsstärkere Funktion querySelectorAll() zu unterstützen. Also wenn du dich nicht um & lt; IE8, dann können Sie auch tun:

%Vor%

Leider gibt es nicht die "eine" Lösung, die gewünschten Elemente in allen Browsern auszuwählen. Wenn Sie nicht über die browserübergreifende Kompatibilität nachdenken möchten, sollten Sie jQuery verwenden, wie es von @karim vorgeschlagen wird.

    
Felix Kling 26.07.2010 15:58
quelle
1

Sie können dies ganz einfach mit jQuery machen, aber Ihr Tag enthält das nicht, also werde ich Ihnen einen JavaScript-Javascript-Weg zeigen:

%Vor%     
Robusto 26.07.2010 15:55
quelle
1

Wenn Sie nur normales Javascript verwenden, können Sie Folgendes tun:

%Vor%     
KLee1 26.07.2010 15:57
quelle
1

Wenn Sie nach einer reinen JavaScript-Implementierung suchen, sollte dies funktionieren. Es wird auch nur DIV-Kindknoten ausblenden.

%Vor%

BEARBEITEN: Änderte den Stil von Sichtbarkeit zu Anzeige, wahrscheinlich möchten Sie nicht, dass der Layout-Bereich verweilt.

    
godheadatomic 26.07.2010 16:14
quelle

Tags und Links