newyorkas

elementų išgavimas su JS

Recommended Posts

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

image.png.eed55ae490d4f8905544b21033ae4a7c.png


elementai kuriuos noriu "išlupt":

 


image.png.fe04a326ac2d57c30432478558ec1535.png

Redaguota , nario newyorkas
Nuoroda iki šio pranešimo
Dalintis per kitą puslapį

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 , nario MartynasK
Nuoroda iki šio pranešimo
Dalintis per kitą puslapį
Parašė (redaguota)
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

giphy.gif
 

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 :D

Redaguota , nario newyorkas
Nuoroda iki šio pranešimo
Dalintis per kitą puslapį
prieš 3 valandas(-ų), newyorkas parašė:

giphy.gif
 

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 :D

Okey, paaiškinsiu detaliau :D 

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ų :D 

Redaguota , nario MartynasK
Nuoroda iki šio pranešimo
Dalintis per kitą puslapį
Parašė (redaguota)
prieš 16 valandas(-ų), MartynasK parašė:

Okey, paaiškinsiu detaliau :D 

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ų :D 


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

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.

image.png.43483f947978506b7edc3d00d09c92ff.png

 

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.

image.thumb.png.fd419dc7441fbe4b1f35177c10c56ddf.png

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 :D

Redaguota , nario newyorkas
Nuoroda iki šio pranešimo
Dalintis per kitą puslapį

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.


  • Šiame puslapyje naršo:   0 nariai

    Nėra registruotų narių peržiūrinčių šį forumą.