Question

我正在使用HtmlAgilityPack来解析我的HTML。我的主要目标是在表行元素周围添加一些div元素。但是表格行中还有一些元素。当字体的样式是lightgreen的背景颜色时，我只想用div元素包装它。这是我的html的例子：

 <tr>
        <td style="padding-left: 40pt;"><font style="background-color: lightgreen" color="black">Tove</font></td>
        <td style="padding-left: 40pt;"><font style="background-color: lightgreen" color="black">To</font></td>
 </tr>

但是我目前的代码：

HtmlNode[] nodes = document.DocumentNode.SelectNodes("//tr[//td[//font[@style='background-color: lightgreen']]]").ToArray();
        foreach (HtmlNode node in nodes)
        {

               node.InnerHtml = node.InnerHtml.Replace(  node.InnerHtml,"<div class=\"select-me\">" +node.InnerHtml + "</div>");
        }

产生这个html：

    <tr>
        <div class="select-me">
           <td style="padding-left: 25pt;"><font style="background-color: white" color="black">&lt;to</font><font style="background-color: white" color="black">&gt;</font></td>
           <td style="padding-left: 25pt;"><font style="background-color: white" color="black">&lt;to</font><font style="background-color: white" color="black">&gt;</font></td>
        </div>
     </tr>
     <tr>
        <div class="select-me">
           <td style="padding-left: 40pt;"><font style="background-color: lightgreen" color="black">Tove</font></td>
           <td style="padding-left: 40pt;"><font style="background-color: lightgreen" color="black">To</font></td>
        </div>
     </tr>
     <tr>
        <div class="select-me">
           <td style="padding-left: 25pt;"><font style="background-color: white" color="black">&lt;/to&gt;</font></td>
           <td style="padding-left: 25pt;"><font style="background-color: white" color="black">&lt;/to&gt;</font></td>
        </div>
     </tr>

div元素不包围tr元素，每个tr都有一个div元素，只有具有背景颜色lightgreen字体元素的tr元素应该包含div元素。如果你看第一个tr元素，它有4个字体元素，而不是两个。理想情况下，我的目标是在字体的元素背景为浅绿色时在div元素周围插入div元素。我看过其他帖子，但我仍然遇到麻烦。

正确的html应该像：

 <div class="select-me">
        <tr>
           <td style="padding-left: 25pt;"><font style="background-color: lightgreen" color="black">hello</font></td>
           <td style="padding-left: 25pt;"><font style="background-color: lightgreen" color="black">goodbye</font></td> 
        </tr>
     </div>

Answer 1

for (var i = 0; i < nodes.Length; i++ )
{
    var node = nodes[i];
    node = HtmlNode.CreateNode(node.OuterHtml.Replace(node.OuterHtml, "<div class=\"select-me\">" + node.OuterHtml + "</div>"));
}

HtmlAgilityPack将节点添加到其他节点

1 个答案: