Javascript pobieranie zmiennej

Question

Witam, chciałbym pobrać z wiersza "cena" wszystkie liczby, umieścić je w tablicy i wykonywać na nich obliczenia. Jak to zrobić bez osobnego podawania "id" do każdego z wierszy osobno?

Kod: https://codepen.io/anon/pen/qjRrVL

Comments

Pierwsze i najprostsze co przychodzi do głowy: nadać taką samą klasę dla wszystkich komórek z których ma być wyciągnięta liczba i potem odczytać wartości wszystkich o tej klasie?

Edit: heh, Noemi mnie wyprzedziła :)

---

taa, zapewne ściągnąłeś ze mnie

---

Ech, wyczaiłaś mnie.. Tylko czekałem aż napiszesz, żeby w 2 sekundy (tyle między naszymi postami było różnicy) przepisać Twoją odpowiedź po swojemu! :D

---

haha wiedziałam!
w końcu nie bez powodu masz czerwoną nazwę...widocznie trzeba na Ciebie uważać : P

---

Omijać szerokim łukiem bo kopiuje odpowiedzi ;D

Answer 1

Z tego co pamiętam w każdym a atrybut title ma kategorię oceny, jeżeli nic się nie zmieniło to ten kod jak pisałem powinien nadal działać (wynik w konsoli):

let roczneOceny = document.querySelectorAll('a[title^="Kategoria: roczna"]');
let tablica = [];
let sum = 0;

for(let i=0;i<roczneOceny.length;i++){
	tablica.push(roczneOceny[i].innerText);
	sum += parseInt(tablica[i]);
}
console.log(sum/tablica.length);

 

Answer 2

możesz nadać im jedną klasę i pobrać za pomocą querySelectorAll("nazwa-klasy"), jako kolekcję elementów i wtedy na tym sobie dalej operować.
Ale nie wiem czy jest to dobry pomysł jeśli chodzi o ceny ;)

sprostowanie: kolekcję zwraca getElementsByClassName, a querySelectorAll zwraca Nodelist ;)
obydwa sposoby można wykorzystać do pobrania elementów za pomocą klasy :P

Comments

Ok, a co jeżeli klasy nie wchodzą w grę? Np. chciałbym pobrać wartości z innej strony internetowej na której ręcznie przypisywanie klas byłoby męczące i mijałoby się z celem. Jest coś w javascripcie dzięki czemu można cały wiersz z tabeli pobrać?

---

o czymś takim jak cały wiersz tabeli to nie słyszałam ;)
poza tym Ty chyba nie chcesz całego wiersza, bo w wierszu masz inne rzeczy poza ceną.
Musiałbyś się bawić wtedy i pobierać dzieci tr, a dokładniej ostatnie dziecko...i to nie licząc pierwszego tr bo tam masz nagłówki.
Poza tym mogłoby się zmienić miejsce ceny i chyba nie ma sensu, czegoś takiego robić.

---

Tak dokładniej chciałbym pobrać powiedzmy oceny roczne z librusa i wyliczyć z nich średnią na koniec roku. Na librusie znajduje się tabela Wszystkie oceny mają klase "ocena" więc szukanie po klasach odpada. Wiem, że da się takie coś podobno zrobić.

---

Czy w Librusie nie ma jakiejś zakładki do wyliczania średniej ocen?

Czy ten skrypt może działać tylko na stronie Librusa, czy chcesz używać go niezależnie od strony tj. jesteś np. na tym forum i chcesz się dowiedzieć jakie masz oceny na Librusie (będąc tam zalogowanym), ale nie przechodząc do ich strony?

Z tego, co widzę po screenie (mógłbyś go umieścić na jakimś zewnętrznym serwisie, np. imgur.com, bo jest trochę niewyraźny), to oceny roczne znajdują się jako ostatnia komórka wiersza. Zobacz w inspektorze elementów, czy rzeczywiście tak jest. Jeśli tak, to możesz (jak zasugerowała @Noemi) użyć metody querySelectorAll() na elemencie <tbody> tej tabeli i wskazywać td:last-child dla każdego wiersza. Niewykluczone, że struktura nie jest jednolita (gdzieniegdzie mogą pojawić się jakieś puste elementy - np. do ostylowania czy wypozycjonowania czegoś tam), więc napisanie selektora wyciągającego to może być krótsza lub dłuższa chwila :)

Answer 3

var wiersze = document.getElementsByTagName("TR"),
    oceny = []; 

// pobierasz tresc z  ostatniej komórki i wrzucasz do tabeli
for(i = 1; i < wiersze.length; i++){
  ocena = wiersze[i].lastElementChild.innerHTML;
  oceny.push(parseInt(ocena));
}

var suma = 0;

// dodaje oceny z tabeli
oceny.map(function(el){ 
  suma += el;
});

 

Mało eleganckie rozwiązanie, ale w tym przypadku pasuje. Jeżeli oceny będą w innej kolumnie niż ostatnia, niestety będzie trzeba kombinować. Zamień dodawanie ocen na obliczanie średniej czy co tam planujesz ;)

Comments

Dodajmy trochę elegancji: var sum = ceny.reduce((a,b)=>a+b, 0);