Chciałem dodać do co 3 bloku klase, jednak w ogóle nic się nie dzieje.
tak jakbym przekręcił polecenie ?

$(".item:nth-child(3n)").addClass('aaa');

??

do góry

W dniu 09-04-2011 15:37, hazet pisze:
> Chciałem dodać do co 3 bloku klase, jednak w ogóle nic się nie dzieje.
> tak jakbym przekręcił polecenie ?
>
> $(".item:nth-child(3n)").addClass('aaa');
>
> ??

Spróbuj tak:

$(".item:nth-child(3n+3)").addClass('aaa');

Gdyby świat był idealny :P, to by było:

document.querySelectorAll(".item:nth-child(3n+3)").c
lassList.add('aaa');

Ale nie jest :-(

--
Peter

do góry

Peter May pisze:
> W dniu 09-04-2011 15:37, hazet pisze:
>> Chciałem dodać do co 3 bloku klase, jednak w ogóle nic się nie dzieje.
>> tak jakbym przekręcił polecenie ?
>>
>> $(".item:nth-child(3n)").addClass('aaa');
>>
>> ??
>
> Spróbuj tak:
>
> $(".item:nth-child(3n+3)").addClass('aaa');
>
> Gdyby świat był idealny :P, to by było:
>
> document.querySelectorAll(".item:nth-child(3n+3)").c
lassList.add('aaa');
>
> Ale nie jest :-(
>

też nie działa,

w dokumentacji działa http://api.jquery.com/nth-child-selector/
Nie wiem o co chodzi,

do góry

On 09.04.2011 18:01, hazet wrote:

>
> też nie działa,
>
> w dokumentacji działa http://api.jquery.com/nth-child-selector/
> Nie wiem o co chodzi,

Pokaż html.

--
Bastet_Milo

do góry

Katarzyna 'Bastet' Świderska pisze:
> On 09.04.2011 18:01, hazet wrote:
>
>>
>> też nie działa,
>>
>> w dokumentacji działa http://api.jquery.com/nth-child-selector/
>> Nie wiem o co chodzi,
>
> Pokaż html.
>

<ul>
<li>
<div class="box">
<div class="item">
</div>
</div>
</li>
...
</ul>

Tak to wygląda w strukturze. Chcę aby div z klasą item miał dodaną klasę
aaa (co trzeci, nie licząc pierwszego)

do góry

On 09.04.2011 19:58, hazet wrote:
> Katarzyna 'Bastet' Świderska pisze:
>> On 09.04.2011 18:01, hazet wrote:
>>
>>>
>>> też nie działa,
>>>
>>> w dokumentacji działa http://api.jquery.com/nth-child-selector/
>>> Nie wiem o co chodzi,
>>
>> Pokaż html.
>>
>
> <ul>
> <li>
> <div class="box">
> <div class="item">
> </div>
> </div>
> </li>
> ...
> </ul>
>
> Tak to wygląda w strukturze. Chcę aby div z klasą item miał dodaną
> klasę aaa (co trzeci, nie licząc pierwszego)

Te trzy kropki powtarzają li? Tak? Bo wiesz, że to zadziała, jak
div.item będziesz miał jeden pod drugim tylko?

<li>
<div class="box">
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
</div>
</li>

na takiej zasadzie.
Chcę się tylko upewnić, że wiesz o tym.

--
Bastet_Milo

do góry

Dnia Sat, 09 Apr 2011 19:58:33 +0200, hazet napisał(a):

> (...)
> Tak to wygląda w strukturze. Chcę aby div z klasą item miał dodaną klasę
> aaa (co trzeci, nie licząc pierwszego)

W tej strukturze .item to zawsze :first-child

li:nth-child(3n+3)>.box>.item { color : red; }

--
Borys Pogoreło
borys(#)leszno,edu,pl

do góry

Katarzyna 'Bastet' Świderska pisze:
> On 09.04.2011 19:58, hazet wrote:
>> Katarzyna 'Bastet' Świderska pisze:
>>> On 09.04.2011 18:01, hazet wrote:
>>>
>>>>
>>>> też nie działa,
>>>>
>>>> w dokumentacji działa http://api.jquery.com/nth-child-selector/
>>>> Nie wiem o co chodzi,
>>>
>>> Pokaż html.
>>>
>>
>> <ul>
>> <li>
>> <div class="box">
>> <div class="item">
>> </div>
>> </div>
>> </li>
>> ...
>> </ul>
>>
>> Tak to wygląda w strukturze. Chcę aby div z klasą item miał dodaną
>> klasę aaa (co trzeci, nie licząc pierwszego)
>
> Te trzy kropki powtarzają li? Tak? Bo wiesz, że to zadziała, jak
> div.item będziesz miał jeden pod drugim tylko?
>
> <li>
> <div class="box">
> <div class="item">
> </div>
> <div class="item">
> </div>
> <div class="item">
> </div>
> <div class="item">
> </div>
> <div class="item">
> </div>
> <div class="item">
> </div>
> </div>
> </li>
>
> na takiej zasadzie.
> Chcę się tylko upewnić, że wiesz o tym.
>


Dalej jest li i w li dopiero to samo.

czyli

<ul>
>> <li>
>> <div class="box">
>> <div class="item">
>> </div>
>> </div>
>> </li>

>> <li>
>> <div class="box">
>> <div class="item">
>> </div>
>> </div>
>> </li>

>> <li>
>> <div class="box">
>> <div class="item">
>> </div>
>> </div>
>> </li>

...
>> </ul>

do góry

Borys Pogoreło pisze:
> Dnia Sat, 09 Apr 2011 19:58:33 +0200, hazet napisał(a):
>
>> (...)
>> Tak to wygląda w strukturze. Chcę aby div z klasą item miał dodaną klasę
>> aaa (co trzeci, nie licząc pierwszego)
>
> W tej strukturze .item to zawsze :first-child
>
> li:nth-child(3n+3)>.box>.item { color : red; }
>
próbowałem $('li:nth-child(3n+3)>.box>.item').addClass('aaa'); i też
nie działa.

do góry

On 09.04.2011 21:21, hazet wrote:
> Borys Pogoreło pisze:
>> Dnia Sat, 09 Apr 2011 19:58:33 +0200, hazet napisał(a):
>>
>>> (...)
>>> Tak to wygląda w strukturze. Chcę aby div z klasą item miał dodaną
>>> klasę aaa (co trzeci, nie licząc pierwszego)
>>
>> W tej strukturze .item to zawsze :first-child
>>
>> li:nth-child(3n+3)>.box>.item { color : red; }
>>
> próbowałem $('li:nth-child(3n+3)>.box>.item').addClass('aaa'); i też
> nie działa.

Spróbuj samo (3n) i daj kod skryptu na sam koniec pliku (jeśli nie masz).

Ja przetestowałam to i u mnie działa.

--
Bastet_Milo

do góry