如何仅在下一个相同标签之前获取元素？

如何解决如何仅在下一个相同标签之前获取元素？

我有包含类似内容的 HTML 文件：

<h1>AAA</h1>
   <h2>part1</h2>  
     <ul>
       <li>ap1-1</li>
       <li>ap1-2</li>
     </ul>
   <h2>part2</h2>
     <ul>
       <li>ap2-1</li>
       <li>ap2-2</li>
     </ul>

<h1>BBB</h1>
   <h2>part1</h2>  
     <ul>
       <li>bp1-1</li>
       <li>bp1-2</li>
     </ul>
   <h2>part2</h2>
     <ul>
       <li>bp2-1</li>
       <li>bp2-2</li>
    </ul>

“part1”和“part2”可能不存在或交换了位置。

我想得到下一个列表：

  <ul>
       <li>ap2-1</li>
       <li>ap2-2</li>
  </ul>

我尝试使用类似的选择查询

document.select("h1:contains(AAA) ~ h2:contains(part2) + ul > li")

但结果还包括来自 BBB 的项目 - 部分：“bp2-1”和“bp2-2”。 如何避免 BBB 部分的项目？

解决方法

<ul id="ul">
       <li>bp1-1</li>
       <li>bp1-2</li>
</ul>

document.getElementById("ul").innerHTML

关于 getElementById() 的资源：

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById