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 に答える