Jedes 2. Element eine andere Farbe


Wie man jedes 2. Element mit einer anderen Hintergrund versehen kann – will ich hier kurz mal zeigen – weil ich das sehr oft in Listen brauche! Ich hab es sonst immer mit PHP gemacht – doch mit jQuery kommt man da einfacher und viel schneller ans Ziel!

$(“#content_mit_bestimmten_elementen div”).each({

if (i%2 == 0){ $(this).css(“background”,”#cccccc”); }

});

Soweit kann man das sehr gut einbauen werden!
Hier noch kurz eine Erklärung:
es wird hier jedes div Element was im Container – #content_mit_bestimmten_elementen ausgelesen und mit hilfe von der Funktion each – werden die durchlaufen – und bei jedem 2. wird eben die Hintergrundfarbe #cccccc zugeteilt!

Danke das Sie diesen Artikel gelesen haben. Sie können nun eine Nachricht hinterlassen oder bestellen den RSS Feed.

Comments

[...] This post was mentioned on Twitter by bins. bins said: Jedes 2. Element eine andere Farbe: Notizbuch für Suchmaschinenoptimierung & TYPO3 Entwicklung. Home · Impressum ·… http://bit.ly/92dclc [...]

Cool, danke. Sehr hilfreich das Posting.
Weiter So.

Hi,

jQuery ist so genial :-) – noch einfacher geht’s so:

$(“#content_mit_bestimmten_elementen div:even”).css(“background”,”#cccccc”);

Patrick

Hi – und hier noch das Gegenstück von :even

$(“#content_mit_bestimmten_elementen div:odd”).css(“background”,”#cccccc”);

Patrick – also ich muss dir sagen du hast da voll RECHT jQuery ist echt cool! Danke!

Leave a comment

(required)

(required)