Animacja dla elementów w pętli, z wykorzystaniem next() Opcje

[Bejkrools]

Witajcie, mam utworzone taką strukturę HTML:

[HTML] pobierz, plaintext 
<div class="circle_area">
    <a class="url_circle" href="#">
        <div class="circle_main">0</div>
    </a>
    <a class="url_circle" href="#">
        <div class="circle" style="display: none; ">1</div>
    </a>
    <a class="url_circle" href="#">
        <div class="circle" style="display: none; ">2</div>
    </a>
</div>
[HTML] pobierz, plaintext 

i teraz za pomocą pęli w jQ chciałbym animować kolejne elementy, dla uproszczenia niech to będzie tylko fadein() dla elementów .circle

Zrobiłem coś takiego, ale nie dzieła :-(

[PHP] pobierz, plaintext 
$( document ).ready(function() {
    var numItems = $('.circle').length;
    $('.circle_main').mouseover(function(){
        var object = $('.circle_main').next('.circle');
        for (var i = 0; i < numItems; i++)
        {
            object.fadeIn();
            var object = object.next('.circle');
            console.log("Tekst: "+object.text());
        }
    });
});
[PHP] pobierz, plaintext 

Nie jestem pewien wybierania następnego obiektu, ale nie wiem jak móbym to sprawdzic :-( Próbowałem za pomocą konsoli ale pokazuje tylko "Tekst:"

[Comandeer]

$.fn.next bierze najbliższego sąsiada danego elementu, który dodatkowo pasuje do podanego selektora. Z tego też względu przy obecnej strukturze HTML ten kod nie ma prawa działać. Musiałbyś pobrać rodzica .circle_main, przejść na kolejny link i dobrać się do jego dziecka .circle

Proponuję inną rzecz: operowanie na kolekcji $('.circle') przy pomocy $.fn.eq

[sazian]

Kod

$('.circle_main').each(function(){
   $(this).fadeIn();
   console.log("Tekst: "+$(this).text());
});