Jedes 3. Element gleicher Art ansprechen

Liebe Community

Ich möchte bei jedem 3. Element eine class zuweisen:

z.B auf der Home-Seite gibt es 25 x .ce_text, da möchte ich dem 3., 6., 9. usw die class *reihe* zuweisen.

Im Moment habe ich eine jQuery Funktion, welche die Elemente durchnummeriert. Aber dann muss ich per CSS jedes 3. Element einzeln erfassen.

HTML-Code:

---

        $('.ce_text').each(function  (i, v){
        $(v).addClass('element_'+ (i+1));
    })

---

Da ich ja nie genau weiss, wieviele Elemente der Kunde tatsächlich erfasst, muss ich so zur Sicherheit immer eine lange Liste im CSS vorbereiten.

Gibt es eine Möglichkeit, tatsächlich einfach jedem 3. Element eine bestimmte class zuzuweisen.... endlos und immer die gleiche? Ich habe lange im Internet danach gesucht, aber wahrscheinlich falsch gesucht und deshalb nicht gefunden :(

Liebe Grüsse
Eva

Hallo Eva,

such mal nach nthchild, das sollte dir weiter helfen.

z.B. hier http://nthmaster.com

Also wenn ich das richtig lese jedem x-ten Element eine CSS-Eigenschaft mitgeben?

Hier kannst du das auch gut testen:
http://nth-test.com/

Danke!

Ich habe es nun so gelöst:

HTML-Code:

---

$('.ce_text').each(function(){
        $('.ce_text:nth-of-type(3n)').addClass('reihe');
    });

---

Liebe Grüsse
Eva

Ausser bei IE 8 könntest du das auch direkt als CSS-Selektor verwenden, ohne zusätzliche Klasse. Ist dir das bewusst?

lg

Ja, das ist mir bekannt. Leider muss möglichst viel der Seite IE8 tauglich sein (ich weiss, eigentlich sollte gar niemand mehr IE8 benutzen.... ), deshalb binde ich es lieber als jQuery ein. Wenn mir dann noch einer Javascript ausschaltet, dann gute Nacht :D

Liebe Grüsse
Eva

Zitat:

---

Zitat von Eva

Leider muss möglichst viel der Seite IE8 tauglich sein

---

Mein Beileid ;)

Ah und ich seh grad:
Das $('.ce_text').each(function(){ solltest du eigentlich nicht brauchen, oder? Das führt nur dazu, dass die Funktion für jedes Element aufgerufen wird, der Selektor alleine sollte ausreichen.

Und als nur der Vollständigkeit halb und als Best Practice wäre noch zu erwähnen, dass man im CSS dann nicht nur den Selektor .reihe verwenden sollte, sondern so:

HTML-Code:

---

.ce_text:nth-of-type(3n),
.ce_text.reihe {
  …
}

---

Damit es sofort greift und auch ohne JS …

Zitat:

---

Das $('.ce_text').each(function(){ solltest du eigentlich nicht brauchen, oder? Das führt nur dazu, dass die Funktion für jedes Element aufgerufen wird, der Selektor alleine sollte ausreichen.

---

Stimmt, ich habe erst ein anderes Element im .ce_text ansprechen wollen, dafür hätte ich ja jedes .ce_text abgrasen müssen. Das kann ich jetzt weglassen, danke für den Hinweis!

In Zukunft werde ich nur noch Websiten offerieren, welche den IE8 nicht mehr unterstützen :D

Zitat:

---

Zitat von Eva

In Zukunft werde ich nur noch Websiten offerieren, welche den IE8 nicht mehr unterstützen :D

---

Ich stelle da dem Kunden immer drei Frage

• Warum muß IE8 unterstützt werden?
• Reicht es wenn alle Bereiche der Website erreichbar/lesbar sind, die Optik aber ggf. stärker von der Optik in anderen Browsern abweicht?
• Was ist Dir der Spaß wert?

Wer noch mit dem IE8 im Internet surft, hat meiner Meinung nach kein Anrecht mehr auf eine optimale Darstellung ;)
Aber ich werde wohl in Zukunft das Thema mit den Kunden genauer anschauen (Nutzen vs Kosten).

Keine Ahnung was so deine Zielgruppe ist, aber wenn man http://gs.statcounter.com glauben schenken will, liegt der IE8 in Deutschland bei unter 1%.

Die Zahlen von Statcounter sind sicherlich nicht perfekt, die Größenordnungen decken sich in der Regel aber mit unseren Piwik Auswertungen.

Gesendet von meinem D5803 mit Tapatalk

IE 8 ist doch der von Windows XP soweit ich weiß. Das wird ja nicht mal mehr von Microsoft unterstützt. Aller anderen Windows-PCs haben sowieso IE9 oder neuer - oder könnten ihn zumindest haben. Ich unterstütze den IE8 auch nur noch gegen Schmerzensgeld.

Kenne ich eigentlich nur noch von Benutzern diverser einiger Landesverwaltungen, und selbst die haben Verbot mit den Dingern ins Netz zu gehen. Klappt auch meistens, wenn die Adminas und Admins den Stecker gezogen haben ... ;-)

Ja, für ausgewählte Großkunden leistet MS auch immer noch Support für XP. Keine Ahnung, ob die Bahn ihre Fahrkartenautomaten inzwischen upgedatet hat. Aber von den Dingern aus geht auch eher selten jemand per IE ins Netz ;).

Problematisch wird es immer dann wenn der Kunde selbst den IE8 benutzt.
Da läuft dann irgendeine uralte Software "Auftragsbearbeitung für Handwerker", die nur unter Windows XP läuft. Der Kunde traut sich auch nicht einen anderen Browser zu installieren etc.
Gott sei Dank erledigt sich das Problem fast immer übers "Schmerzensgeld". Meist stellt der Kunde fest, dass es preiswerter ist die eigene Software auf Vordermann zu bringen als mich für Anpassungen an den IE8 zu bezahlen.