如何使用 Jsoup 精确统计指定标签（如 h3）之后的同级 p 元素数量

本文详解如何利用 jsoup 的 css 选择器语法（特别是兄弟选择器 `~`），精准获取某个特定 `

` 标签（如 `id="hm_2"`）之后所有**紧邻且同级**的 `

` 元素数量，避免误选嵌套或非后续元素。

在网页解析中，常需定位某标题（如

）后紧跟的一组段落内容，并统计其数量。初学者易误用 getElementsByTag("p") 遍历子节点，导致返回整个文档或父容器内所有

，而非严格位于目标

后的同级后续

—— 这正是原始代码失效的根本原因：headline.getElementsByTag("p") 实际查找的是

的子元素（而

是其兄弟节点，非子节点），因此结果恒为 0。

Jsoup 提供强大且符合 CSS 规范的选择器支持，其中 E ~ F（通用兄弟选择器） 正是解决此问题的理想方案：它匹配所有在 E 元素之后出现、且与 E 处于同一父级的 F 元素（不一定是紧邻，但必须是后续同级兄弟）。

以下为正确实现方式：

// 示例 HTML 片段（含目标 h3 及其后续同级 p）
String html = "
Some text
\n" +
      
        " 
@@##@@
\n" +
              " 
This new event quest, brought to us by
\n" +
              " 
This new event quest, brought to us by
\n" +
              " \n" +
              " 
This shall not be included
"; // 注意：该 p 在 div 之后，不满足“h3 后续同级”条件

Document doc = Jsoup.parseBodyFragment(html);
Elements paragraphs = doc.select("h3[id=hm_2] ~ p"); // ✅ 关键：选择 id=hm_2 的 h3 后所有同级 p

System.out.println("后续 p 元素数量: " + paragraphs.size()); // 输出：3
paragraphs.forEach(p -> System.out.println("→ " + p.text()));

✅ 输出结果：

后续 p 元素数量: 3
→ 
→ This new event quest, brought to us by
→ This new event quest, brought to us by

⚠️ 重要注意事项：

• ~ 是通用兄弟选择器，匹配所有后续同级 p，而非仅紧邻的下一个（若只需紧邻一个，应使用 + 相邻兄弟选择器：h3[id=hm_2] + p）；
• 确保目标

  与其后续

  确实处于同一父容器内；若

  被嵌套在其他标签（如

  ）中，则不属于 h3 ~ p 的匹配范围（如示例末尾的

  因被

  隔开而不匹配）；
• ID 选择器推荐使用 #hm_2 简写：doc.select("h3#hm_2 ~ p")，语义更清晰且性能略优；
• 若需限定

  的 class（如仅 .a-paragraph），可组合为：h3#hm_2 ~ p.a-paragraph。

掌握 E ~ F 选择器，能高效、声明式地表达“某元素之后的同类内容”这一常见需求，大幅提升 Jsoup 解析逻辑的准确性与可维护性。