elementų išgavimas su JS

[newyorkas]

hi, vienam section'e yra trys vienodi section elementai. iš tų trijų sectionų reikia ištraukti po vieną "vertę" iš spano.

visi tie "vidiniai" sectionai "vienodi", skiriasi tik tie elementai, kurių man reikia, bet jie keičiasi. kaip juos išlupt?:D

elementai kuriuos noriu "išlupt":

 

Redaguota Kovo 18, 2021, nario newyorkas

[MartynasK]

Jei visų child 'section' elementų struktūra vienoda, visi jie turi spanus, tik keičiasi spanų reikšmė, ką aš daryčiau, tai pasirašai

document.querySelectorAll()

paselectinti tiems span'ams, kurių tau reikia, tuomet foreachini per gautą NodeList ir pagetini innerText property.

 

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll#accessing_the_matches

https://stackoverflow.com/a/24199210

Redaguota Kovo 18, 2021, nario MartynasK

[newyorkas]

Prieš 1 valandą, MartynasK parašė:

Jei visų child 'section' elementų struktūra vienoda, visi jie turi spanus, tik keičiasi spanų reikšmė, ką aš daryčiau, tai pasirašai

document.querySelectorAll()

paselectinti tiems span'ams, kurių tau reikia, tuomet foreachini per gautą NodeList ir pagetini innerText property.

 

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll#accessing_the_matches

https://stackoverflow.com/a/24199210

 

ačiū už paaiškinimą, einu knistis :DD

@MartynasK taip reikėjo čia kažką padaryt ar ne?:D

const sumos = document.querySelectorAll("currency-value");

sumos.forEach(function("currency-value") {
	console.log(document.getElementById("currency-value").innerText);
});

per daug aš žalias su šitu js'u

Redaguota Kovo 18, 2021, nario newyorkas

[MartynasK]

prieš 3 valandas(-ų), newyorkas parašė:

 

ačiū už paaiškinimą, einu knistis :DD

@MartynasK taip reikėjo čia kažką padaryt ar ne?:D

const sumos = document.querySelectorAll("currency-value");

sumos.forEach(function("currency-value") {
	console.log(document.getElementById("currency-value").innerText);
});

per daug aš žalias su šitu js'u

Okey, paaiškinsiu detaliau  

Pastaba: 'currency-value' pas tave yra klasė, klasės selectinamos su tašku prieš klasės pavadinimą. (https://www.w3schools.com/cssref/css_selectors.asp)

Kitas dalykas, tai kaip ir sakiau, 'currency-value' pas tave yra klasė, negali jos getinti su getElementById(), nes ši funkcija iš pavadinimo nusako, kad ieško elementų pagal ID (id atributas ant elemento).

 

Kodas pas tave turėtų atrodyti maždaug taip:

let values = [];

let elements = document.querySelectorAll('.currency-value');
elements.forEach((element) => values.push(element.innerText));

 

Toks selectorius, kokį aprašiau, turėtų veikti teisingai, bet rekomenduočiau pasitikrinti ar jis veikia, tai padaryti gali taip: svetainėje atsidarai dev tools, įsijungi Console ir įpastini document.querySelectorAll() funkciją, kurią parašiau, paspaudes ENTER turėtum gauti NodeList su 3 elementais, kurie bus span. Tie, kurių tau ir reikia.

Jei būtų grąžintas tuščias NodeList be elementų, reiškia blogai parašytas selectorius. Tokiu atveju, gali selectorių gauti taip: Dev tools'uose Elements tabe pasirenki span, kurio reikšmę nori gauti, spaudi ant jo dešinį klavišą, užeini ant Copy ir pasirenki Copy selector.

 

Edit: tik paskutinę akimirką supratau, kad ant spano tu turi 'currency-value' klasę, todėl tų elementų gavimui labai lengva parašyti selectorių, nes nereikia nestinti elementų ir klasių  

Redaguota Kovo 18, 2021, nario MartynasK

[newyorkas]

prieš 16 valandas(-ų), MartynasK parašė:

Okey, paaiškinsiu detaliau  

Pastaba: 'currency-value' pas tave yra klasė, klasės selectinamos su tašku prieš klasės pavadinimą. (https://www.w3schools.com/cssref/css_selectors.asp)

Kitas dalykas, tai kaip ir sakiau, 'currency-value' pas tave yra klasė, negali jos getinti su getElementById(), nes ši funkcija iš pavadinimo nusako, kad ieško elementų pagal ID (id atributas ant elemento).

 

Kodas pas tave turėtų atrodyti maždaug taip:

let values = [];

let elements = document.querySelectorAll('.currency-value');
elements.forEach((element) => values.push(element.innerText));

 

Toks selectorius, kokį aprašiau, turėtų veikti teisingai, bet rekomenduočiau pasitikrinti ar jis veikia, tai padaryti gali taip: svetainėje atsidarai dev tools, įsijungi Console ir įpastini document.querySelectorAll() funkciją, kurią parašiau, paspaudes ENTER turėtum gauti NodeList su 3 elementais, kurie bus span. Tie, kurių tau ir reikia.

Jei būtų grąžintas tuščias NodeList be elementų, reiškia blogai parašytas selectorius. Tokiu atveju, gali selectorių gauti taip: Dev tools'uose Elements tabe pasirenki span, kurio reikšmę nori gauti, spaudi ant jo dešinį klavišą, užeini ant Copy ir pasirenki Copy selector.

 

Edit: tik paskutinę akimirką supratau, kad ant spano tu turi 'currency-value' klasę, todėl tų elementų gavimui labai lengva parašyti selectorių, nes nereikia nestinti elementų ir klasių  

labai ačiū už išsamų aprašymą  papildei mano "JS'o" knygą galvoj

kodas kurį parašei kaip ir veikia, bet išveda labai daug reikšmių.:D pasikeitus "spano" reikšmei ir iš naujo parašius kodą - niekas nepasikeičia, skaičiai visada lieka tokie patys.



 

Citata

Toks selectorius, kokį aprašiau, turėtų veikti teisingai, bet rekomenduočiau pasitikrinti ar jis veikia, tai padaryti gali taip: svetainėje atsidarai dev tools, įsijungi Console ir įpastini document.querySelectorAll() funkciją, kurią parašiau, paspaudes ENTER turėtum gauti NodeList su 3 elementais, kurie bus span. Tie, kurių tau ir reikia.

be "parametrų" query selectorius nenorėjo veikt, tai įrašiau currency value.:D nežinau ar gerai padariau.

`document.querySelectorAll('.currency-value');`

 

gal galėtum šiek tiek padėti "asmeniškai"? atsiųsk į pm'ą savo discord'ą.
jeigu kažkas išeis - galėsiu atsiskaityt

Redaguota Kovo 19, 2021, nario newyorkas