Массив элементов веб-страницы перебор циклом

@DDim1000 · Регистрация: 17.12.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте! Подскажите пожалуйста, почему выходит такая ошибка?:
jquery.min.js:2 Uncaught TypeError: tab.forEach is not a function

JavaScript
1
2
3
4
5
6
7
8
9
10
   var TabCh = document.querySelectorAll(".dat table > tbody");
     for (var i = 0; i < TabCh.length; i++) {
         var tab = TabCh[i];
         console.log(tab);  
             tab.forEach(function(tr) {
                tr.forEach(function(td, j) {
                  console.log(tr.cells[j].textContent+'. I = '+i)
                }); 
            }); 
     };

@svs171 · 05.11.2019, 15:39

Нету в JS forEach
пользуйтесь for..in javascript
или each() jquery

@Mr_Sergo · 05.11.2019, 15:46

Сообщение от svs171

Нету в JS forEach

да ну https://learn.javascript.ru/ar... on#foreach

@DDim1000 · 05.11.2019, 15:47 **[ТС]**

Сообщение от svs171

Нету в JS forEach
пользуйтесь for..in javascript
или each() jquery

Как это нет?... Здрасьте......

@Mr_Sergo · 05.11.2019, 15:52

DDim1000, покажите html и объясните на словах что хотите сделать

@DDim1000 · 05.11.2019, 16:01 **[ТС]**

Сообщение от Mr_Sergo

DDim1000, покажите html и объясните на словах что хотите сделать

Вот, пожалуйста:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<div class="dat" align="left" style="border: 1px solid #000"> 
 
        <table width="400" class="MyTab">
 
            <thead>
 
                                              ……
 
                                          </thead>
 
            <tbody>
            
                                          <tr>
 
                        <td>Таблица 1. Ячейка 1</td>
 
                        <td>Таблица 1. Ячейка 2</td><td>Таблица 1. Ячейка 3</td>
 
                        <td>1Таблица 1. Ячейка 4</td>
 
                              </tr>
 
                                  <tr>
 
                        <td>Таблица 1. Ячейка 5</td>
 
                        <td>Таблица 1. Ячейка 6</td>
 
                        <td>Таблица 1. Ячейка 7</td>
 
                        <td >Таблица 1. Ячейка 8</td>
 
                    </tr>
 
                </tbody>
 
        </table>
 
    </div>
<div class="dat" align="right" style="border: 1px solid #000"> 
 
        <table width="400" class="MyTab">
 
            <thead>
 
                                              ……
 
                                          </thead>
 
            <tbody>
            
                                          <tr>
 
                        <td>Таблица 2. Ячейка 11</td>
 
                        <td>Таблица 2. Ячейка 2 </td><td>Таблица 2. Ячейка 3</td>
 
                        <td>1Таблица 2. Ячейка 4</td>
 
                              </tr>
 
                                  <tr>
 
                        <td>Таблица 2. Ячейка 5</td>
 
                        <td>Таблица 2. Ячейка 6</td>
 
                        <td>Таблица 2. Ячейка 7</td>
 
                        <td >Таблица 2. Ячейка 8</td>
 
                    </tr>
 
                </tbody>
 
        </table>
 
    </div>

JavaScript
1
2
3
4
5
6
   var tch = document.querySelectorAll(".MyTab table");
  //   for (var i = 0; i < tch.length; i++) {
         //var tr = tch[i];
         console.log('С циклом не работает');
 
//   };

https://jsfiddle.net/981mqut6/ ...вывести содержимое ячеек в консоль...

@svs171 · 05.11.2019, 16:01

Сообщение от Mr_Sergo

да ну https://learn.javascript.ru/ar... on#foreach

Этот работает с массивами, а не с объектами
посмотрите что получится typeof(TabCh)

@Mr_Sergo · 05.11.2019, 16:13

Сообщение от DDim1000

вывести содержимое ячеек в консоль

https://codepen.io/Mr_Sergo/pe... itors=1012

JavaScript
1
2
3
4
5
document.querySelectorAll('.dat').forEach(e => {
    e.querySelectorAll('td').forEach(it => {
        console.log(it.textContent);
    })
})

Добавлено через 2 минуты
DDim1000,

или так https://codepen.io/Mr_Sergo/pe... itors=1012

JavaScript
1
2
3
4
5
document.querySelectorAll('.dat').forEach(e => {
    console.log(
        [...e.querySelectorAll('td')].map(it => it.textContent )
    );
})

Добавлено через 5 минут

Сообщение от svs171

Этот работает с массивами

В курсе, только при чем тут это? Вы же сказали

Сообщение от svs171

Нету в JS forEach

@DDim1000 · 05.11.2019, 17:50 **[ТС]**

Вот смотрите...
TabCh - массив таблиц, 0 индекс - первая таблица, 1 индекс - вторая таблица.

JavaScript
1
 var TabCh = document.querySelectorAll(".dat table > tbody");

Вот сейчас можно, или нет, произвести поиск содержимого ячеек, и узнать в какой таблицы это находится, или хотя бы узнать индекс TabCh. Так можно или нет? НУЖНО УЗНАТЬ, С КАКОЙ ТАБЛИЦЫ ВЫВЕДЕНА ИНФОРМАЦИЯ.

@Mr_Sergo · 05.11.2019, 18:19

DDim1000,

Так вы имеете ввиду?

JavaScript
1
2
3
4
5
document.querySelectorAll('.dat').forEach((e,i) => {
    e.querySelectorAll('td').forEach(it => {
        console.log(`${it.textContent} - из таблицы ${i+1}`);
    })
})

вот с вашей переменной

JavaScript
1
2
3
4
5
6
7
let tbody = document.querySelectorAll('.dat table > tbody')
 
tbody.forEach((e,i) => {
    e.querySelectorAll('td').forEach(it => {
        console.log(`${it.textContent} - из таблицы ${i+1}`);
    })
})

демка https://codepen.io/Mr_Sergo/pe... itors=1012

_____________________________

или можно в один цикл все сделать https://codepen.io/Mr_Sergo/pe... itors=1012

JavaScript
1
2
3
4
5
document.querySelectorAll('.MyTab td').forEach(function(e,i) {
    console.log(
        `${e.textContent} из таблицы ${[...document.querySelectorAll('.MyTab')].indexOf(e.closest('.MyTab'))+1}`
    );
});

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .

@svs171 119 / 116 / 63 Регистрация: 16.09.2016 Сообщений: 354
	05.11.2019, 15:39
	Нету в JS forEach пользуйтесь for..in javascript или each() jquery 0

@Mr_Sergo 2037 / 1096 / 409 Регистрация: 29.04.2016 Сообщений: 2,625
	05.11.2019, 15:52
	DDim1000, покажите html и объясните на словах что хотите сделать 0