JQuery Selector

@florgas · Регистрация: 28.09.2010

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

Добрый день. Пишу в phantomjs парсер и использую jQuery selector.
Скачал страницу, надо выбрать данные.
Ниже часть кода страницы:

HTML5
1
<tbody><tr><td>22:41</td><td>1 - 10</td><td class="td-val ball-8">9</td><td class="td-val ball-8">11</td><td class="td-val ball-8">11</td><td class="td-val ball-1">2</td><td class="td-val ball-8">13</td><td class="td-val ball-8">9</td><td class="td-val ball-0">0</td><td class="td-val ball-8">12</td><td class="td-val ball-1">5</td><td class="td-val ball-8">8</td></tr><tr><td>22:46</td><td>11 - 20</td><td class="td-val ball-8">8</td><td class="td-val ball-8">10</td><td class="td-val ball-1">7</td><td class="td-val ball-1">3</td><td class="td-val ball-1">7</td><td class="td-val ball-8">13</td>............. и т.д.

Необходимо получить только цифры класса td-val.
Делаю функцию:

HTML5
1
return = document.querySelector('.td-val').outerHTML;

Функция возвращает:

HTML5
1
<td class="td-val ball-8">9</td>

Проблема в том, что надо получить ВСЕ числа классов td-val.
А мне не хватает знаний как перейти к следующему элементу, чтобы взять его, после получения первого.
Прошу помощи.

@evikza · 14.04.2017, 17:15

florgas, на нативном JS или jQuery?

Вот так получаем все элементы:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
/* native JS */
var tdEl = document.querySelectorAll('.td-val');
 
[].forEach.call(tdEl, function(data) {
  alert(data.textContent);
});
 
/* jQuery */
$('.td-val').each(function() {
  alert($(this).text());
});

Демонстрация

@florgas · 14.04.2017, 18:06 **[ТС]**

evikza, отличный пример, спасибо. Но я не могу сообразить как это применить мне на деле. Потому что у меня не нативный js. Я пишу под phantomjs.
И код мой выглядит следующим образом:

JavaScript
1
2
3
4
5
6
var ball = page.evaluate(function(){
            var test = document.querySelector('.td-val').outerHTML;
            return test;
        });
        console.log(ball);
        phantom.exit();

@evikza · 14.04.2017, 18:31

florgas, эм, попробуйте вот так:

JavaScript
1
2
3
4
5
6
7
8
var ball = page.evaluate(function() {
  var test = document.querySelectorAll('.td-val');
  [].forEach.call(test, function(data) {
    return data.textContent;
  });
});
console.log(ball);
phantom.exit();

@florgas · 14.04.2017, 18:48 **[ТС]**

evikza, возвращено null. И честно говоря, я не понимаю логики такого кода.
Объявлена переменная test.
Ей присвоено значение. И теперь в ней хранится:

JavaScript
1
<td class="td-val ball-8">9</td>

А дальше вызывается forEach с переменной test. Ничего не понимаю.

@evikza · 14.04.2017, 18:57

florgas, да, берем элемент, загоняем его в массив [] -> проходим по каждому элементу, возвращая textContent.

Возможно, в phantomjs есть встроенные методы перебора, о них я к сожалению не знаю.

@florgas · 14.04.2017, 23:07 **[ТС]**

evikza, это все круто, но результат-то null.

Добавлено через 2 часа 25 минут
Ерундой я занимаюсь. Получил весь код, начиная с нужного места, в переменную. И теперь через indexOf работаю как со строкой. PROFFFIT!

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@evikza 968 / 530 / 244 Регистрация: 20.05.2015 Сообщений: 776
	14.04.2017, 18:57
	florgas, да, берем элемент, загоняем его в массив `[]` -> проходим по каждому элементу, возвращая `textContent`. Возможно, в phantomjs есть встроенные методы перебора, о них я к сожалению не знаю. 0

@florgas 6 / 5 / 0 Регистрация: 28.09.2010 Сообщений: 366
	14.04.2017, 23:07 [ТС]
	evikza, это все круто, но результат-то null. Добавлено через 2 часа 25 минут Ерундой я занимаюсь. Получил весь код, начиная с нужного места, в переменную. И теперь через indexOf работаю как со строкой. PROFFFIT! 0