2010-12-02 6 views
0

Ich habe diese Geige erstellt, so dass Sie sehen können, was ich versuche, einfach zu tun. Ich möchte, dass die Pause nach jeweils zwei aufeinanderfolgende div Elemente hinzuzufügen (div.column)Hinzufügen von Unterbrechungen alle zwei aufeinanderfolgenden floated Elemente (nth: Kind)

Fiddle Beispiel: http://jsfiddle.net/j5qS5/

Ich habe versucht:

$(".column:nth-child(2)").after('<br /><br />break<br /><br />'); 

Es nach dem 2. Kind scheint zu funktionieren nur, wie kann ich es konsekutiv machen und danach für alle 2 Elemente arbeiten .. Ich hoffe es ist einfach :)

Vielen Dank im Voraus

Antwort

3

Sie müssen nur 2n statt 2, wie folgt aus:

$(".column:nth-child(2n)").after('<br /><br />break<br /><br />'); 

You can view the updated fiddle here.

+0

In diesem speziellen Beispiel sollte die ': odd'-Pseudo auch ziemlich gut funktionieren. – jAndy

+0

@jAndy - wahr, obwohl für ein Spaltenlayout, denke ich, dass dies viel flexibler und klarer ist, was vor sich geht (vor allem gegeben jQuery '' Odd' und ': even' Selektoren sind kontraintuitiv) ... Dies verwendet native Selektoren, die auch in CSS funktionieren, damit Sie konsistent sein können :) –