0

我正在尝试构建一个类，该类将基于另一个网站读取、分组和排序 html 文档。

我将展示我到目前为止所拥有的东西。这是一个网页是如何构建的示例（请记住，它只是“如何”构建的，我已经重写了整个内容）：

<tr>
            <td id="ab100_ab100_ab100_Main_Sub_Sub_objComponent" class="compContainer">
                <table class="objDetails" style="position: relative; margin: auto;">
 <tr>
<div class="smallSetup" style="margin-top: 10px;">
    <b class="ft"><b></b></b>
    <div id="ab100_ab100_ab100_Main_Sub_Sub_firstProp" class="row">
       <div class="label">
           First Name:</div>
       <div class="value">
           Albert Trebla</div>
    </div>

    <div id="ab100_ab100_ab100_Main_Sub_Sub_secondProp" class="row">
        <div class="label" style="line-height:25px;">
           Second Year:</div>
        <div class="value">
           <img src="/Setup/Images.ashx?size=medium&amp;name=5&amp;type=symbol" alt="5" align="absbottom" /><img src="/Setup/Images.ashx?size=medium&amp;name=W&amp;type=symbol" alt="Second" align="absbottom" />
     </div>
     <div id="ab100_ab100_ab100_Main_Sub_Sub_thirdProp" class="row" style="height:15px; position:relative;">
         <div class="label" style="font-size:.7em;">
             Classy Stuff:</div>
         <div class="value">
             7<br /><br /></div>
     </div>

     <div id="ab100_ab100_ab100_Main_Sub_Sub_fourthProp" class="row">
         <div class="label">
             Weather:</div>
         <div class="value">
             Cloudy  — Might Rain</div>
         </div>
     <div id="ab100_ab100_ab100_Main_Sub_Sub_fifthProp" class="row">
         <div class="label">
             Front Text:</div>
         <div class="value">
             <div class="frontTextBox">Opened</div><div class="frontTextBox">The shop is opened when the bridges are lowered.</div></div>
     </div>
     <div id="ab100_ab100_ab100_Main_Sub_Sub_sixthProp" class="row">
         <div class="label">
              Flavor:</div>
         <div id="ctl00_ctl00_ctl00_MainContent_SubContent_SubContent_FlavorText" class="value">
              <div class="frontTextBox"><i>"This taste good!"</i></div></div>
     </div>

等等。

现在这是我在应用程序中构建代码的方式：

HtmlWeb loader = new HtmlWeb();
HtmlDocument doc = loader.Load(stringUrl);
HtmlNode parentNode = doc.GetElementById(ab100_ab100_ab100_Main_Sub_Sub_objComponent);

HtmlNodeCollection allNodes = parentNode.SelectNodes(".//div[@class='row']");

我有我的 div 集合，但我无法进行下一步。首先要了解的是，上面的html代码的布局会发生变化，所以有时firstProp不会显示，有时是第六个prop，以此类推。

所以我想检查节点的属性是否是“标签”：

foreach (HtmlNode htmlNode in allNodes)
{
    if (htmlNode.Attributes["class"].Value == "label")
    {

    }
}

但我不知道如何检查后的值，因为下一个兄弟是一个空的 div。而且我不太了解 HtmlAgilityPack 是如何工作的，所以我想知道是否有更简单的方法来获得它。

谁能告诉我如何进行，或者我做错了什么以及如何纠正？

* 编辑 *

我改变了这一行：

HtmlNodeCollection allNodes = parentNode.SelectNodes(".//div[@class='row']");

所以现在我的收藏只限于我会得到的 div。但是当我得到一个带有“标签”类的 div 时，我仍然需要阅读，读取它的值（例如：Front Text），如果那是 Front Text，则获取下面的带有“value”类的 div。

4

1 回答 1

2

我建议你学习一点 Html Agility Pack 支持的XPATH，它允许对 HTML DOM 进行简洁的查询。例如，下面的代码：

    HtmlDocument doc = new HtmlDocument();
    doc.Load("test.htm");

    HtmlNode node = doc.GetElementbyId("ab100_ab100_ab100_Main_Sub_Sub_objComponent");
    foreach (HtmlNode row in node.SelectNodes(".//div[@class='row']"))
    {
        Console.Write(row.SelectSingleNode("div[@class='label']").InnerText.Trim());
        Console.WriteLine(row.SelectSingleNode("div[@class='value']").InnerText.Trim());
    }

会输出这个：

First Name:Albert Trebla
Second Year:
Classy Stuff:7
Weather:Cloudy  - Might Rain
Front Text:OpenedThe shop is opened when the bridges are lowered.
Flavor:"This taste good!"

如果您在值或标签 div 中需要 HTML，那么您可以再次从那里发出 XPATH 查询。

于 2013-03-26T18:25:51.930 回答