0

我正在为列表中的链接抓取远程页面。我正在尝试根据需要打印出 jquery 手风琴的列表。我的 html 没问题，但我的循环有点偏离并且没有正确嵌套。

这是列表的示例：

<a href="#heading1">Heading 1</a>
<a href="link1.html">link1</a>
<a href="link2.html">link2</a>
<a href="link3.html">link3</a>
<a href="#heading2">Heading 2</a>
<a href="link4.html">link4</a>
<a href="link5.html">link5</a>
<a href="link6.html">link6</a>

所以这就是我需要如何格式化html：

<div data-role="collapsible" data-collapsed="true">
<h3>Heading 1</h3>
<p>
  <ul>
    <li><a href="link1.html">link1</a></li>
    <li><a href="link2.html">link2</a></li>
    <li><a href="link3.html">link3</a></li>
  </ul>
</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>Heading 2</h3>
<p>
  <ul>
    <li><a href="link4.html">link4</a></li>
    <li><a href="link5.html">link5</a></li>
    <li><a href="link6.html">link6</a></li>
  </ul>
</p>
</div>

这是我到目前为止的代码，应该提到我正在使用 HTMLAgilityPack：

HtmlNodeCollection OneHome = document.DocumentNode.SelectNodes("//div[@id='accordion1']");
        var OneHomelinks = OneHome.Descendants("a")
                .Select(a => a.OuterHtml)
                .ToList();

        foreach (string link in OneHomelinks)
        {

            if (link.Contains('#'))
            {
                Response.Write("<div data-role=\"collapsible\" data-collapsed=\"true\">");
                Response.Write("<h3>" + link + "</h3>");
                Response.Write("<p>");
                Response.Write("<ul>");
            }

            if (!link.Contains('#'))
            {
                Response.Write("<li>" + link + "</li>");
            } else {
                Response.Write("</ul>");
                Response.Write("</p>");
                Response.Write("</div>");
            }

        }

基本上我试图通过在href中使用'#'来拉出标题，并在那时重置 - 但是有些东西是关闭的，列表没有正确形成。任何帮助都非常感谢这里！

电流输出

<div data-role="collapsible" data-collapsed="true">
<h3>Heading 1</h3>
<p></p>
 <ul></ul>
<p></p>
</div>
<li><a href="link1.html>link1</a></li>
<li><a href="link2.html>link2</a></li>
<li><a href="link3.html>link3</a></li>
<div data-role="collapsible" data-collapsed="true">
<h3>Heading 2</h3>
<p></p>
 <ul></ul>
<p></p>
</div>
<li><a href="link4.html>link4</a></li>
<li><a href="link5.html>link5</a></li>
<li><a href="link6.html>link6</a></li>
4

1 回答 1

1

编辑：逻辑在错误的位置，哎呀！

编辑 2：再次使用逻辑布局。

我认为这应该适合你：

HtmlNodeCollection OneHome = document.DocumentNode.SelectNodes("//div[@id='accordion1']");
    var OneHomelinks = OneHome.Descendants("a")
            .Select(a => a.OuterHtml)
            .ToList();
    var headerCount = 0;
    foreach (string link in OneHomelinks)
    {
        var prevCounter = headerCount;
        if (link.Contains('#'))
        {
            headerCount++;

            if (headerCount != 1 && headerCount > prevCounter) {
                Response.Write("</ul>");
                Response.Write("</p>");
                Response.Write("</div>");
            }

            Response.Write("<div data-role=\"collapsible\" data-collapsed=\"true\">");
            Response.Write("<h3>" + link + "</h3>");
            Response.Write("<p>");
            Response.Write("<ul>");


        }
        else {
            Response.Write("<li>" + link + "</li>");
        } 
    }
    Response.Write("</ul>");
    Response.Write("</p>");
    Response.Write("</div>");
于 2013-07-08T20:33:25.170 回答