JQuery nth-child funktioniert nicht richtig

8

Ich benutze JQuerys nth-child-Selektor, um den Rand bei jedem 3. div mit einer Klasse von photo_post_thumbnail zu ändern, aber er ändert es bei jedem 2. div?

Kann jemand sehen, was ich falsch mache?

Website

Ссылка

HTML-Markup

%Vor%

JQuery-Code

%Vor%     
Keith Donegan 23.04.2010, 13:55
quelle

2 Antworten

12

Es macht das, weil du <h1> vor diesen divs hast, was div zum vierten Kind macht und nicht zum dritten:)

Der Selektor nth-child ist anfangs etwas verwirrend, weil es das nth-child des übergeordneten ist, nicht nur das nth-child , das mit diesem Selektor des Elternelements übereinstimmt , der Selektor hat keine Position für diesen Selektor.

Um das gewünschte div zu erhalten, mach 3n+1 wie folgt:

%Vor%     
Nick Craver 23.04.2010, 14:07
quelle
5

Alternative Lösung:

%Vor%     
ant 23.04.2010 14:13
quelle

Tags und Links