jQuery wechselnde Klassenzuweisung

[Carrear]

Hi Leute,

ich habe eine sidebar, welche mehrere articles beinhaltet. Da diese im CMS über ganz unterschiedliche und zum Teil nicht strukturiert ansprechbare Reihenfolge in dieser Sidebar ausgegeben werden ist es nicht möglich wechselnde Klassen für rechts - und linksfloat zu vergeben. Deswegen würde ich gerne per jQuery allen article Containern, welche sich DIREKT in der aside.main befinden im wechsel eine klasse geben (a la add & odd). Hat jemand eine Ahnung wie ich das anstelle?

Wichtig ist eben, dass keine anderen Container davon betroffen sind. Es sollen wirklich ausschließlich aber ausnahmslos alle article Container, welche sich direkt in der aside.main (und nicht in weiter verschachtelten Ebenen) befinden mit wechselnden Klassen versehen werden.

 

[ComFreek]

Wie wäre es denn mit CSS?

aside.main div:nth-child(even) {
}

aside.main div:nth-child(odd) {
}

Wenn du allerdings auch ältere Browser unterstützen möchtest, bietet jQuery auch sowas an: http://api.jquery.com/even-selector/.

$("aside.main div:even").addClass("even");
$("aside.main div:even").addClass("odd");

aside.main div.even {
}

aside.main div.odd {
}

 

[Netzwerkidi]

Mit CSS:

"aside.main" > div.article

So werden nur die Container direkt unter aside.main selektiert.