Как на javascript забрать значение из таблицы и записать в массив

@qwd · Регистрация: 03.05.2016

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

Доброго времени суток, подскажите, как можно считать значения из данной таблицы

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="first_id" class="first_class">
<table class="second_class>
<tbody>
<tr>
<th align="right">Цена</th><th align="right">Артикул</th>
</tr>
<tr>
<td align="right" class="">184,37 руб.</td><td align="right">1252525</td>
</tr>
<tr>
<td align="right" class=""> 297,54 руб.</td><td align="right">1252525</td>
</tr>
</tbody>
</table>
</div>

Мне нужно забрать значение 184,37 руб.

@php10 · 03.05.2016, 10:40

JavaScript
1
$('tr td:first').text()

@WhiteMind · 03.05.2016, 10:56

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function tableToArray( select ) {
    var cnt = document.querySelector(select);
  if ( !cnt ) { return []; }
  var lis = cnt.querySelectorAll('tr');
  var res = [];
  for(var tr of Array.prototype.slice.call(lis)) {
    var td = tr.querySelector('td');
    if ( td ) {
        res.push( td.innerHTML );
    }
  }
  return res;
}
 
var arrayHTML = tableToArray('#first_id');
var arrayFloat = arrayHTML.map(function(v) {
    return parseFloat(v.replace(',','.'));
})
 
alert( arrayHTML );
alert( arrayFloat );

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="first_id" class="first_class">
  <table class="second_class">
    <tbody>
      <tr>
        <th align="right">Цена</th>
        <th align="right">Артикул</th>
      </tr>
      <tr>
        <td align="right" class="">184,37 руб.</td>
        <td align="right">1252525</td>
      </tr>
      <tr>
        <td align="right" class=""> 297,54 руб.</td>
        <td align="right">1252525</td>
      </tr>
    </tbody>
  </table>
</div>

Добавлено через 13 секунд
https://jsfiddle.net/ng0smo1e/

@qwd · 03.05.2016, 11:51 **[ТС]**

WhiteMind

Спасибо большое, у меня только один вопрос еще остался, есть ли возможность сохранять эти данные хоть куда-нибудь, а не выводить alert-ом? дело в том, что таблица периодически обновляется (без обновления самой страницы), я завел цикл, проверяющий раз в 3 часа значения, и мне нужно записывать результат в файл.

@WhiteMind · 03.05.2016, 12:01

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

и мне нужно записывать результат в файл.

нельзя. если это не расширение браузера.
но можно в хранилище либо cookie

@php10 · 03.05.2016, 18:58

Или отправлять на сервер и записывать тем же PHP или Node.js

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

@php10 146 / 105 / 44 Регистрация: 30.04.2016 Сообщений: 550
	03.05.2016, 18:58
	Или отправлять на сервер и записывать тем же PHP или Node.js 1

Как на javascript забрать значение из таблицы и записать в массив

Решение