Html Agility Pack - Cómo seleccionar el primer enlace en elementos anidados

c# html-agility-pack

Pregunta

Este es mi código HTML. Cómo seleccionar el primer enlace (enlace principal 1, enlace principal 2, ...) después de <li id="item1"> , <li id="item2"> y etc.

<div id="mainmenu">
<div class="wrapper">
    <div class="main-menu">
        <ul class="navigation">
            <li class="menu-group">
                <ul>
                    <li id="item1">
                        <a href="/">Main link 1</a>

                        <div id="item1-sub">
                            <ul>
                                <li>
                                    <a href="#1">subLink1</a>
                                </li>
                                <li>
                                    <a href="#1">subLink2</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li id="item2">
                        <a href="/">Main link 2</a>

                        <div id="item2-sub">
                            <ul>
                                <li>
                                    <a href="#1">subLink1</a>
                                </li>
                                <li>
                                    <a href="#1">subLink2</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

Código C #: este código tiene problemas. Espero que alguien pueda ayudar a resolver problemas.

<div id="mainmenu">
<div class="wrapper">
    <div class="main-menu">
        <ul class="navigation">
            <li class="menu-group">
                <ul>
                    <li id="item1">
                        <a href="/">Main link 1</a>

                        <div id="item1-sub">
                            <ul>
                                <li>
                                    <a href="#1">subLink1</a>
                                </li>
                                <li>
                                    <a href="#1">subLink2</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li id="item2">
                        <a href="/">Main link 2</a>

                        <div id="item2-sub">
                            <ul>
                                <li>
                                    <a href="#1">subLink1</a>
                                </li>
                                <li>
                                    <a href="#1">subLink2</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

Respuesta aceptada

Podrias hacer esto

var html = "<html><head></head><body><div id=\"mainmenu\"><div class=\"wrapper\"><div class=\"main-menu\"><ul class=\"navigation\"><li class=\"menu-group\"><ul><li id=\"item1\">" +
        "<a href=\"/\">Main link 1</a><div id=\"item1-sub\"><ul><li><a href=\"#1\">subLink1</a></li><li><a href=\"#1\">subLink2</a></li></ul></div></li><li id=\"item2\">" +
        "<a href=\"/\">Main link 2</a><div id=\"item2-sub\"><ul><li><a href=\"#1\">subLink1</a></li><li><a href=\"#1\">subLink2</a></li></ul></div></li></ul></li></ul></div></div></div></body></html>";
var doc = new HtmlAgilityPack.HtmlDocument();
doc.LoadHtml(html);

var mainLink1 = doc.DocumentNode.SelectSingleNode("//li[@id='item1']//a");
var linkUrl1 = mainLink1.Attributes["href"].Value;
var linkText1 = mainLink1.InnerText;

var mainLink2 = doc.DocumentNode.SelectSingleNode("//li[@id='item2']//a");
var linkUrl2 = mainLink2.Attributes["href"].Value;
var linkText2 = mainLink2.InnerText;

SALIDA:

introduzca la descripción de la imagen aquí

EDITAR:

Use el siguiente código para obtener los enlaces principales con loop. Esto seleccionará solo los enlaces deseados.

var html = "<html><head></head><body><div id=\"mainmenu\"><div class=\"wrapper\"><div class=\"main-menu\"><ul class=\"navigation\"><li class=\"menu-group\"><ul><li id=\"item1\">" +
        "<a href=\"/\">Main link 1</a><div id=\"item1-sub\"><ul><li><a href=\"#1\">subLink1</a></li><li><a href=\"#1\">subLink2</a></li></ul></div></li><li id=\"item2\">" +
        "<a href=\"/\">Main link 2</a><div id=\"item2-sub\"><ul><li><a href=\"#1\">subLink1</a></li><li><a href=\"#1\">subLink2</a></li></ul></div></li></ul></li></ul></div></div></div></body></html>";
var doc = new HtmlAgilityPack.HtmlDocument();
doc.LoadHtml(html);

var mainLink1 = doc.DocumentNode.SelectSingleNode("//li[@id='item1']//a");
var linkUrl1 = mainLink1.Attributes["href"].Value;
var linkText1 = mainLink1.InnerText;

var mainLink2 = doc.DocumentNode.SelectSingleNode("//li[@id='item2']//a");
var linkUrl2 = mainLink2.Attributes["href"].Value;
var linkText2 = mainLink2.InnerText;



Licencia bajo: CC-BY-SA with attribution
No afiliado con Stack Overflow
¿Es esto KB legal? Sí, aprende por qué
Licencia bajo: CC-BY-SA with attribution
No afiliado con Stack Overflow
¿Es esto KB legal? Sí, aprende por qué