Jquery, problem z praca na pobranych obiektach

Question

Witam, znajduje sie oto taki maly kod w html

<div class="main">1</div>
<div class="main">2</div>
<div class="main">3</div>
<div class="main">4</div>

Czyli 4 divy z klasa main.

 

Nastepnie pobieram je do zmiennej TEST 

let test = $(".main");

 

I teraz chce sprawdzic offset, czyli polozenie kazdego z tych obiektow uzywajac funkcji/metody .offset()

test.offset();

// pokazuje tylko offset pierwszego obiektu

test[0].offset();

// wyrzuca blad

 

Natomiast

 

test.id

// undefined

test[0].id 

// pokazuje id kazdego obiektu zaleznie od liczby wprowadzonej w nawias

Dlaczego offset nie dziala w ten sam sposob co wlasnosc ID? przeciez wskazuje poprzez tablice na ktorym obiekcie chce wywolac funkcje, dla ID zmienna zachowuje sie jak tablica obiektow, dla funkcji offset() natomiast jak jednolity obiekt.

 

Jak pobrac offsety kazdego z obiektow i jak zmodyfikowac zmienna test aby dalo sie latwiej pracowac na obiektach wewnatrz jej?

 

Bylbym wdzieczny za wytlumaczenie

Answer 1

To jest kolekcja , nie tablica.

$(".main").each(function() { 
       document.write($(this).offset().top+'<br>'); 
});

Metoda offset  też nie zwaraca pojedyńczej zmiennej tylko obiekt, który posiada właściwości top i left. 

offset().top;

offset().left;

Metoda .each() umożliwia pętlę po kolekcji jq.

Sorki za document.write() ale pisze w telefonie i tak mi jest łatwiej sprawdzić :)

Answer 2

A nie lepiej za pomocą pętli for to zrobić?

Comments

jak?