如何将 HTML 节点列表（具有隐式结构）解析为结构列表答案

【问题标题】：How to parse a list of HTML nodes (with implicit structure) into list of structures如何将 HTML 节点列表（具有隐式结构）解析为结构列表
【发布时间】：2015-03-01 19:03:44
【问题描述】：

我有一个逻辑结构列表，表示为扁平节点列表

例如

<div class="start">First Item</div>
<div class="record">First Record</div>
<div class="finish">&nbsp</div>
<div class="start">Second Item</div>
<div class="record">Second Record</div>
<div class="finish">&nbsp</div>
<div class="start">Third Item</div>
<div class="record">Third Record</div>
<div class="finish">&nbsp</div>

任务是从这个扁平化列表中解析结构列表以获得类似的东西。

例如

[ (First Item, First Record), (Second Item, Second Record), (Third Item, Third Record) ]

提取此结构列表的 XPath 或 JQuery 是什么？

【问题讨论】：

如果您需要 XPath 或 JQuery sn-p，最好提供真实的 HTML 示例
请定义 recover 以及您的虚假选择器与真实 DOM 节点的关系以及您的预期结果
我无法在此处发布客户的 HTML。
你可以。每行后面加4个空格，或者粘贴所有HTML，全选后按Ctrl+K
谢谢，但我的意思是我不能将我客户的 HTML 添加到这个站点。

标签： jquery xpath html-parsing

【解决方案1】：

解决办法如下：

假设这些是 css 类

  A, B, C, X, A, B, C, X, X, A, B, C

这是将它们提取为结构列表的代码

$.map( $(".A"), function( n ) {
   console.log ($(n).nextUntil(".C").andSelf())
 });

输出将是节点列表的列表（去除展平）

  (A, B, C), (A, B, C), (A, B, C)

【讨论】：

这是您的解决方案还是问题的附录？如果是附录编辑问题，请勿发布为答案
这是解决方案，它不会让我检查它作为解决方案。
好吧，至少在答案文本中将其声明为解决方案，这样您就不会浪费人们的时间
您可以选择它作为答案after 48 hours。