本文详解如何利用 jsoup 的 css 选择器语法（特别是兄弟选择器 `~`），精准获取某个特定 `
` 标签（如 `id="hm_2"`）之后所有**紧邻且同级**的 `
` 元素数量，避免误选嵌套或非后续元素。
在网页解析中，常需定位某标题（如
）后紧跟的一组段落内容，并统计其数量。初学者易误用 getElementsByTag("p") 遍历子节点，导致返回整个文档或父容器内所有
，而非严格位于目标 后的同级后续
—— 这正是原始代码失效的根本原因：headline.getElementsByTag("p") 实际查找的是
的子元素（而
是其兄弟节点，非子节点），因此结果恒为 0。
Jsoup 提供强大且符合 CSS 规范的选择器支持，其中 E ~ F（通用兄弟选择器） 正是解决此问题的理想方案：它匹配所有在 E 元素之后出现、且与 E 处于同一父级的 F 元素（不一定是紧邻，但必须是后续同级兄弟）。
以下为正确实现方式：
// 示例 HTML 片段（含目标 h3 及其后续同级 p）
String html = "<h3 class=\"a-header--3\" id=\"hm_2\">Some text</h3>\n" +
" <p class=\"a-paragraph\">@@##@@</p>\n" +
" <p class=\"a-paragraph\">This new event quest, brought to us by</p>\n" +
" <p class=\"a-paragraph\">This new event quest, brought to us by</p>\n" +
" <div class=\"imagelink\"></div>\n" +
" <p class=\"a-paragraph\">This shall not be included</p>"; // 注意：该 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 解析逻辑的准确性与可维护性。
