Dostanie sie do atrybutów

Question

Witam mam taki kod:
for (var i = 0; i < self.placeholders.length; i++) {
      $placeholder = self.placeholders[i].$item;
      console.log($placeholder)
}

console wyswietla mi cos takiego:

Jak się dostać teraz do tych wszystkich divow? Bo chcialbym powyciagac z nich atrybuty za pomocą dataset

Comments

Czym jest zmienna self? To jakaś referencja do window / this? Co się pokazuje, gdy w pętli wylogujesz $placeholder.length?

---

self odnosi się do obiektu to cos takiego jak this w klasach. Jest to bardzo stary kod i cięzko mi go zrozumiec do konca. Po wykonsolowaniu mam cos takiego:

Answer 1

Sądząc po długości listy, która wynosi 1, to do jedynego elementu możesz się dostać po prostu podając indeks 0:

console.log('$placeholder item:', $placeholder[0])

Jeśli chciałbyś sobie te elementy wyciągnąć do tablicy poza jQuery, to np. w ten sposób:

const elements = [...self.placeholders].map(element => element.$item[0]);

 

Comments

Użycie $( .. ) pozwala m.in owinąć zwykłą kolekcję elementów w jQuery-owy odpowiednik, dzięki czemu można na tym używać metod z jQuery. Biblioteka posługuje się swoim "typem" dla elementów w DOM, więc jeśli operujesz na natywnym elemencie/kolekcji DOM, to najpierw musisz owinąć to w kolekcję/typ jQuery, żeby móc na tym dalej działać poprzez API biblioteki; chociaż nie wnikałem, czy są jakieś hacki, aby używać metod jQuery bez owijania danych wejściowych (a'la Function.prototype.call).

---

dziękuję jeszcze raz

---

P.S. Wg mnie warto jest stosować konwencję prefixowania nazw zmiennych znakiem dolara, żeby móc na pierwszy rzut oka odróżnić zmienną o wspomnianym typie jQuery od natywnego elementu/kolekcji z DOM. Więc nazwałbym anchor ⇒ $anchor oraz self.placeholders ⇒ self.$placeholders (jeśli faktycznie to jest kolekcja elementów jQuery, a nie natywnych DOM).

---

Jeszcze mam takie pytanie, zrobilem:

console.log($(self.placeholders))
 console.log(self.placeholders)

https://zapodaj.net/92c9c4d282855.png.html

Rozumiem, ze init to nazwa kolekcji jquery, a ten drugi console to zwykla tablica?

---

Na to wygląda, sądząc po prototypach obu.