Как получить текст элемента по индексу?

Question

[historydev]

Доброй ночи. Скажите пожалуйста как получить текст из элемента по его индексу, в гугле jquery - .eq(), не интересует.
Нашёл findIndex, не понимаю как его можно использовать:

document.querySelectorAll('.organization-table div').forEach(el => ....);

Спасибо.

Answer 1

[Михаил]

const els = document.querySelectorAll('.organization-table div')
els[index].innerText

?

Comments

[historydev]

Я паршу страницы, мне нужно поделить все блоки на переменные, там идёт такая структура:

<div class="organization-table">
    <div></div>
    <div></div>
    <div></div>
</div>

<div class="organization-table">
    <div></div>
    <div></div>
    <div></div>
</div>

Мне нужно иметь доступ к блоку по индексу во всех секциях, подскажите пожалуйста как это реализовать

[Михаил]

Владимир, ну так берёте секцию, и берёте элемент по индексу в ней

[historydev]

Михаил, можно пример пожалуйста, я визуально воспринимаю информацию

[Михаил]

Владимир, ну так вот

const els = document.querySelectorAll('.organization-table div')
els[index].innerText

[historydev]

Михаил, так он выбирает один элемент, а не все в каждом блоке.....

Попытка

let date = [];

            document.querySelectorAll('.organization-table div');

            document.querySelectorAll('.organization-table').forEach(el => {
               let data = document.querySelectorAll(this + ' div');
               date.push(data[0])
            });

[historydev]

Есть 350 блоков допустим, мне нужен div с индексом 0 в каждом из них, я может не так объяснил.. Плохо объясняю..

[Михаил]

Владимир, словами напишите алгоритм который вам нужен

[Михаил]

Владимир,

div с индексом 0

это первый див который есть внутри элемента?

[historydev]

Михаил, да, там всего по 3 элемента, мне нужно будет получить каждый, но рассмотрим на примере первого, мне нужен первый элемент в каждом блоке

[Михаил]

Владимир,

document.querySelectorAll('.organization-table').forEach(el => {
  el.querySelector('div') // первый див в каждом .organization-table
  el.querySelectorAll('div')[1] // второй див в каждом .organization-table
})

как получить текст

element.innerText

[historydev]

Михаил, undefined

[Михаил]

Владимир, информативно

[historydev]

Михаил, пардон, забыл innerText написать, спасибо!

Answer 2

[Чипекве]

let date = [...document.querySelectorAll('.organization-table')].map(el => el.children[0].textContent);

или

let date = [...document.querySelectorAll('.organization-table div:nth-child(1)')].map(el => el.textContent);