如何在这个 html 代码中解析 div？

Question

我有以下 html html 代码：

我要解析的文本用红色箭头显示。这就是我尝试解析h2的方式：

Elements elements = document.select("div#app div#timetable-content-holder h2");

但不幸的是，elements 的大小为零。

但我检查了 document.select(div#app).size() 是 1，但 document.select(div#app div#timetable-content-holder).size() 是 0。如果它是零，这意味着我不能对元素执行 for 循环，也永远无法实现图像上显示的其他文本，因为它们在这个div 里面。我想问题是timetable-content-holder 有一些data-reactroot。我不知道它为什么在那里。 我通过 URL 引用该页面。 如何解决这个问题呢？为什么elements 的大小总是为零？

HTML代码供需要者使用（需要解析的文字标注）

    <div id="app">

<div data-reactroot="" id="timetable-content-holder">

<div> </div> 

<div> </div> 

<div> </div> 

<div> </div> 

//a lot of div above(closed) 

<h2>I need it1</h2> ( how to get this) 



<div class="timetable-holder gr-holder">

<div class="timetable-day gr">

<div class="timetable-day-title">I need it2</div>

<div class="timetable-card" data-day="1" data-time="1">

<div class="timetable-time">

08:00<!-- /react-text --> // I need it3

<!-- react-text: 57 --> <!-- /react-text --><!-- react-text: 58 -->

08:50<!-- /react-text --></div><span class="font-icon down-arrow"></span><div class="timetable-subject" title="title">I need it4</div>

//below is also closing divs  

Answer 1

你可以编写下面的代码来得到结果。 首先创建 id 为 timetable-content-holder 的元素并使用 get(0)（否则它将返回元素列表），这样文档将只返回 id 的第一个元素。然后你可以直接从那个元素中选择h2，你会得到你的第一个答案。
ele1：是你要解析的第一个文本等等

Element ele1 = document.select("div[id=timetable-content-holder]").get(0);
ele1 = ele1.select("h2").get(0);
Element ele2 = document.select("div[class=timetable-day-title]").get(0);
Element ele3 = document.select("div[class=timetable-time]").get(0);
Element ele4 = document.select("div[title=Subject]").get(0);

上面代码的结果是：

IT NEED TO BE PARSED
THIS IS ALSO
"08:00"
Subject