我如何“；网刮”；C#中的复杂html文档？我目前正在Visual Studio 2015（C#）中从事一个项目。_C#_Html_Json_Web Scraping_Visual Studio 2015

我如何“；网刮”；C#中的复杂html文档？我目前正在Visual Studio 2015（C#）中从事一个项目。

c# html json web-scraping visual-studio-2015

我如何“；网刮”；C#中的复杂html文档？我目前正在Visual Studio 2015（C#）中从事一个项目。,c#,html,json,web-scraping,visual-studio-2015,C#,Html,Json,Web Scraping,Visual Studio 2015,我的项目基本上有点复杂，对我来说更复杂，因为我几乎没有编程经验和知识，但每个男人/女孩都有这样的时间，他们决定进入编程世界，发挥自己的最佳水平。带着这种心态，我决定开始通过创建一个对他人和我自己都有用的程序来获得一些经验和知识，在决定我将要面对的项目之后，我做了一些研究，并决定用（C#）来面对它。我有不错的平面设计技能，所以我知道设计不会给我带来太多麻烦。虽然我需要学习编码，但幸运的是我学习速度相对较快，并且有相当的耐心当你阅读代码时，我想你会对这个项目有一个想法。剧透这是Xbox One的一

我的项目基本上有点复杂，对我来说更复杂，因为我几乎没有编程经验和知识，但每个男人/女孩都有这样的时间，他们决定进入编程世界，发挥自己的最佳水平。带着这种心态，我决定开始通过创建一个对他人和我自己都有用的程序来获得一些经验和知识，在决定我将要面对的项目之后，我做了一些研究，并决定用（C#）来面对它。我有不错的平面设计技能，所以我知道设计不会给我带来太多麻烦。虽然我需要学习编码，但幸运的是我学习速度相对较快，并且有相当的耐心

当你阅读代码时，我想你会对这个项目有一个想法。剧透这是Xbox One的一个工具。我开始这个项目已经有一个星期了，而且进展很快。我当然有很多问题，但我通过一些研究就能回答。不幸的是，我还没有找到我最新问题的答案

在获得所需网站的源代码后，如何“Web抓取”一个复杂的html文档，并将其保存为“.txt”？ （顺便说一句，如果我没有使用正确的术语来识别或描述事物，很抱歉。我对编码非常陌生，对一些术语缺乏了解。）

我见过很多针对特定“节点”的方法，比如<代码>，

，以及其他孤立的“节点”。但是，我正在抓取的网站有点复杂，在其他语句（“节点”）中有“div类”，我需要从中获取数据

目前，我正在通过在“列表框”中收集收集的数据来测试“刮取”。如以下代码所示：

（出于安全目的，某些代码已被更改，如姓名、地址、帐户信息等）。

使用系统；
使用System.IO；
使用System.Text.RegularExpressions；
使用System.Collections.Generic；
使用系统组件模型；
使用系统数据；
使用系统图；
使用System.Linq；
使用系统文本；
使用System.Threading.Tasks；
使用System.Windows.Forms；
命名空间项目名称
{
公共部分类Form2OrgTest:表单
{
public Form2OrgTest（）
{
初始化组件（）；
}
私有无效按钮1\u单击（对象发送者，事件参数e）
{
List gamertags=新列表（）；
List gamerpic=新列表（）；
List activeStatusOnOffline=新列表（）；
字符串xbFrSourceCode=System.IO.File.ReadAllText（@“C:…\TheProjectName\bin\Debug\xbFrSourceCode.txt”）；
MatchCollection m1=Regex.Matches（xbFrSourceCode，@“”，RegexOptions.Singleline）；
foreach（匹配m1中的m）
{
字符串gamertag=m.Groups[1]。值；
gamertags.Add（gamertag）；
}
listBoxGamerTags.DataSource=gamertags；
}
}
}

从本质上说，我希望收集这些数据并对它们进行分组，以便程序可以基于这些数据创建多个对象，如果您知道一种方法，请随意共享

休闲代码是我收集的源代码的一部分，我想从中收集数据

    <div class="friendsPageContent" role="main">
    <div id="pendingRequestsContent" class="pendingRequestsContent">
            <div class="contentTitle">
                <div class="title">
                    Pending Requests on Xbox 360 (1)
                </div>
            </div>
            <div class="personListWrapper">
                <div class="inlinePromptMessageWrapper">
    <div class="iconWrapper">
        <img class="successIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/checkmark_icon.png" />
        <img class="errorIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/error_icon.png" />
    </div>
    <div class="promptMessage"></div>
</div>

<div class="gamerList">
    <ul>

                    <li data-gamertag="PGC HALO 4"
                data-appdisplayname="PGC HALO 4"
                data-isfavorite="False"
                data-isonline="False"
                data-isfriend="False"
                data-xbox360relationship="FriendRequester"
                data-property=""
                class="left" tabindex="2">
                <a href="/en-US/Profile?GamerTag=PGC%20HALO%204" class="gamerpicWrapper">
                    <img alt="PGC HALO 4" aria-label="PGC HALO 4" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=mHGRD8KXEf2sp2LC58XhBQKNl2IWRp.J.q8mSURKUUcuU3gBRe_BRDdzRW_paApMdVcvsw86El1cEiX5.qTNgINJAP5HhuI8ujjddktTirA-&amp;format=png&amp;h=64&amp;w=64" title="PGC HALO 4"></img>
                    <div class="favoriteIconWrapper">
                    </div>
                </a>
                <div class="statusIcon">
                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=PGC%20HALO%204" title="PGC HALO 4">PGC HALO 4</a></div>
<img alt="Send" aria_label="Send" class="messageIcon disableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName"></div>
                            <div class="primaryInfo">Offline</div>
                            <div class="secondaryInfo"></div>
                        </div>

                    </div>
                        <ul class="pendingRequestAction">
                                <li data-action="accept">Accept</li>
                                <li data-action="decline">Decline</li>
                        </ul>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
    </ul>
</div>

            </div>
            <div class="overlay"></div>
        </div>

    <div id="favoritesContent" class="favoritesContent">
            <div class="contentTitle">
                <div class="title">
                    Favorites (6)
                </div>
                <div class="editButtonWrapper ">
                    <div class="edit">
                        <span>Edit</span>
                        <ul class="subMenuButtons">
                            <li data-action="removeFavorites">Remove Favorites</li>
                            <li data-action="removeFriends">Remove Friends</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="personListWrapper">
                <div class="inlinePromptMessageWrapper">
    <div class="iconWrapper">
        <img class="successIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/checkmark_icon.png" />
        <img class="errorIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/error_icon.png" />
    </div>
    <div class="promptMessage"></div>
</div>

<div class="gamerList">
    <ul>


            <li data-gamertag="EMADISORT"
                data-appdisplayname="EMADISORT"
                data-isfavorite="True"
                data-isonline="False"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="" tabindex="2">
                <a href="/en-US/Profile?GamerTag=EMADISORT" class="gamerpicWrapper">
                    <img alt="EMADISORT" aria-label="EMADISORT" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=z951ykn43p4FqWbbFvR2Ec.8vbDhj8G2Xe7JngaTToBrrCmIEEXHC9UNrdJ6P7KIm2RQQtfSX9jMSatOYowOzFGrmXRC0uhY67.hdTPTY6qmHE5qXdhV4CSdn79W3yys&amp;format=png&amp;h=100&amp;w=100" title="EMADISORT"></img>
                    <div class="favoriteIconWrapper">
<img class="favorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=EMADISORT" title="EMADISORT">EMADISORT</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName">Francisco Maldonado</div>
                            <div class="primaryInfo">Last seen: Blu-ray Player (Xbox One)</div>
                            <div class="secondaryInfo">17 hours ago</div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
            <li data-gamertag="RETROJohn28"
                data-appdisplayname="RETROJohn28"
                data-isfavorite="True"
                data-isonline="False"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="" tabindex="2">
                <a href="/en-US/Profile?GamerTag=RETROJohn28" class="gamerpicWrapper">
                    <img alt="RETROJohn28" aria-label="RETROJohn28" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=7OTVnZUMVj4OV2zUUGecWvn3U00nQQLfK7_kwpANoghUbFr9yJJ5TKwf50f56ObUKQhspff09b0Q5DkZtZERZGTlko0WKLI_oriNztrv10bi4cScl8nJu22JzQ3uQ9i7RYykjz75wQfeWzLhiS1Dh92GP0cM9HLM1L8ruyAAt_Q-&amp;format=png&amp;h=100&amp;w=100" title="RETROJohn28"></img>
                    <div class="favoriteIconWrapper">
<img class="favorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=RETROJohn28" title="RETROJohn28">RETROJohn28</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName"></div>
                            <div class="primaryInfo">Last seen: Home (Xbox One)</div>
                            <div class="secondaryInfo">18 hours ago</div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
    </ul>
</div>
                <ul class="actionButtons">
                    <li class="action"></li>
                    <li class="cancel"></li>
                </ul>
            </div>
            <div class="overlay"></div>
        </div>
            <div id="friendsContent" class="friendsContent" role="list">
        <div class="contentTitle">
            <div class="title">
                All Friends (126)
            </div>
            <div class="editButtonWrapper ">
                <div class="edit">
                    <span>Edit</span>
                    <ul class="subMenuButtons">
                            <li data-action="addFavorites">Add Favorites</li>
                        <li data-action="removeFriends">Remove Friends</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="personListWrapper">
            <div class="inlinePromptMessageWrapper">
    <div class="iconWrapper">
        <img class="successIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/checkmark_icon.png" />
        <img class="errorIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/error_icon.png" />
    </div>
    <div class="promptMessage"></div>
</div>
            <ul class="actionButtons beforeList">
                <li class="action"></li>
                <li class="cancel"></li>
            </ul>

<div class="gamerList">
    <ul>


            <li data-gamertag="DR Jandrox"
                data-appdisplayname="DR Jandrox"
                data-isfavorite="False"
                data-isonline="True"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="" tabindex="2">
                <a href="/en-US/Profile?GamerTag=DR%20Jandrox" class="gamerpicWrapper">
                    <img alt="DR Jandrox" aria-label="DR Jandrox" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=z951ykn43p4FqWbbFvR2Ec.8vbDhj8G2Xe7JngaTToBrrCmIEEXHC9UNrdJ6P7KIFXxmxGDtE9Vkd62rOpb7JehA8dSapBHnH1CYJpGcvrqx3u3aQ5NMCKRX1WaLAVwB&amp;format=png&amp;h=100&amp;w=100" title="DR Jandrox"></img>
                    <div class="favoriteIconWrapper">
<img class="unFavorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
<img alt="Online" aria_label="Online" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_greendot.png" title="Online" />                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=DR%20Jandrox" title="DR Jandrox">DR Jandrox</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName">Sam .</div>
                            <div class="primaryInfo">Halo 5: Guardians - Arena: Slayer (Xbox One)</div>
                            <div class="secondaryInfo"></div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
            <li data-gamertag="YeYo24"
                data-appdisplayname="YeYo24"
                data-isfavorite="False"
                data-isonline="True"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="left" tabindex="2">
                <a href="/en-US/Profile?GamerTag=YeYo24" class="gamerpicWrapper">
                    <img alt="YeYo24" aria-label="YeYo24" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=z951ykn43p4FqWbbFvR2Ec.8vbDhj8G2Xe7JngaTToBrrCmIEEXHC9UNrdJ6P7KIFXxmxGDtE9Vkd62rOpb7JWR2luWb..XqNjhsh9IW__NTYoeaUE1vI8ypnzWrmrV_&amp;format=png&amp;h=100&amp;w=100" title="YeYo24"></img>
                    <div class="favoriteIconWrapper">
<img class="unFavorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
<img alt="Online" aria_label="Online" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_greendot.png" title="Online" />                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=YeYo24" title="YeYo24">YeYo24</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName"></div>
                            <div class="primaryInfo">Halo 5: Guardians - Arena: Slayer (Xbox One)</div>
                            <div class="secondaryInfo"></div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
            </ul>
</div>
            <ul class="actionButtons">
                <li class="action"></li>
                <li class="cancel"></li>
            </ul>
        </div>
        <div class="overlay"></div>
    </div>
</div>


Xbox 360上挂起的请求（1）


离线

接受
拒绝



最爱（6）
编辑

删除收藏夹
删除好友



弗朗西斯科·马尔多纳多
    <div class="friendsPageContent" role="main">
    <div id="pendingRequestsContent" class="pendingRequestsContent">
            <div class="contentTitle">
                <div class="title">
                    Pending Requests on Xbox 360 (1)
                </div>
            </div>
            <div class="personListWrapper">
                <div class="inlinePromptMessageWrapper">
    <div class="iconWrapper">
        <img class="successIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/checkmark_icon.png" />
        <img class="errorIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/error_icon.png" />
    </div>
    <div class="promptMessage"></div>
</div>

<div class="gamerList">
    <ul>

                    <li data-gamertag="PGC HALO 4"
                data-appdisplayname="PGC HALO 4"
                data-isfavorite="False"
                data-isonline="False"
                data-isfriend="False"
                data-xbox360relationship="FriendRequester"
                data-property=""
                class="left" tabindex="2">
                <a href="/en-US/Profile?GamerTag=PGC%20HALO%204" class="gamerpicWrapper">
                    <img alt="PGC HALO 4" aria-label="PGC HALO 4" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=mHGRD8KXEf2sp2LC58XhBQKNl2IWRp.J.q8mSURKUUcuU3gBRe_BRDdzRW_paApMdVcvsw86El1cEiX5.qTNgINJAP5HhuI8ujjddktTirA-&amp;format=png&amp;h=64&amp;w=64" title="PGC HALO 4"></img>
                    <div class="favoriteIconWrapper">
                    </div>
                </a>
                <div class="statusIcon">
                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=PGC%20HALO%204" title="PGC HALO 4">PGC HALO 4</a></div>
<img alt="Send" aria_label="Send" class="messageIcon disableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName"></div>
                            <div class="primaryInfo">Offline</div>
                            <div class="secondaryInfo"></div>
                        </div>

                    </div>
                        <ul class="pendingRequestAction">
                                <li data-action="accept">Accept</li>
                                <li data-action="decline">Decline</li>
                        </ul>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
    </ul>
</div>

            </div>
            <div class="overlay"></div>
        </div>

    <div id="favoritesContent" class="favoritesContent">
            <div class="contentTitle">
                <div class="title">
                    Favorites (6)
                </div>
                <div class="editButtonWrapper ">
                    <div class="edit">
                        <span>Edit</span>
                        <ul class="subMenuButtons">
                            <li data-action="removeFavorites">Remove Favorites</li>
                            <li data-action="removeFriends">Remove Friends</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="personListWrapper">
                <div class="inlinePromptMessageWrapper">
    <div class="iconWrapper">
        <img class="successIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/checkmark_icon.png" />
        <img class="errorIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/error_icon.png" />
    </div>
    <div class="promptMessage"></div>
</div>

<div class="gamerList">
    <ul>


            <li data-gamertag="EMADISORT"
                data-appdisplayname="EMADISORT"
                data-isfavorite="True"
                data-isonline="False"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="" tabindex="2">
                <a href="/en-US/Profile?GamerTag=EMADISORT" class="gamerpicWrapper">
                    <img alt="EMADISORT" aria-label="EMADISORT" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=z951ykn43p4FqWbbFvR2Ec.8vbDhj8G2Xe7JngaTToBrrCmIEEXHC9UNrdJ6P7KIm2RQQtfSX9jMSatOYowOzFGrmXRC0uhY67.hdTPTY6qmHE5qXdhV4CSdn79W3yys&amp;format=png&amp;h=100&amp;w=100" title="EMADISORT"></img>
                    <div class="favoriteIconWrapper">
<img class="favorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=EMADISORT" title="EMADISORT">EMADISORT</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName">Francisco Maldonado</div>
                            <div class="primaryInfo">Last seen: Blu-ray Player (Xbox One)</div>
                            <div class="secondaryInfo">17 hours ago</div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
            <li data-gamertag="RETROJohn28"
                data-appdisplayname="RETROJohn28"
                data-isfavorite="True"
                data-isonline="False"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="" tabindex="2">
                <a href="/en-US/Profile?GamerTag=RETROJohn28" class="gamerpicWrapper">
                    <img alt="RETROJohn28" aria-label="RETROJohn28" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=7OTVnZUMVj4OV2zUUGecWvn3U00nQQLfK7_kwpANoghUbFr9yJJ5TKwf50f56ObUKQhspff09b0Q5DkZtZERZGTlko0WKLI_oriNztrv10bi4cScl8nJu22JzQ3uQ9i7RYykjz75wQfeWzLhiS1Dh92GP0cM9HLM1L8ruyAAt_Q-&amp;format=png&amp;h=100&amp;w=100" title="RETROJohn28"></img>
                    <div class="favoriteIconWrapper">
<img class="favorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=RETROJohn28" title="RETROJohn28">RETROJohn28</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName"></div>
                            <div class="primaryInfo">Last seen: Home (Xbox One)</div>
                            <div class="secondaryInfo">18 hours ago</div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
    </ul>
</div>
                <ul class="actionButtons">
                    <li class="action"></li>
                    <li class="cancel"></li>
                </ul>
            </div>
            <div class="overlay"></div>
        </div>
            <div id="friendsContent" class="friendsContent" role="list">
        <div class="contentTitle">
            <div class="title">
                All Friends (126)
            </div>
            <div class="editButtonWrapper ">
                <div class="edit">
                    <span>Edit</span>
                    <ul class="subMenuButtons">
                            <li data-action="addFavorites">Add Favorites</li>
                        <li data-action="removeFriends">Remove Friends</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="personListWrapper">
            <div class="inlinePromptMessageWrapper">
    <div class="iconWrapper">
        <img class="successIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/checkmark_icon.png" />
        <img class="errorIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/error_icon.png" />
    </div>
    <div class="promptMessage"></div>
</div>
            <ul class="actionButtons beforeList">
                <li class="action"></li>
                <li class="cancel"></li>
            </ul>

<div class="gamerList">
    <ul>


            <li data-gamertag="DR Jandrox"
                data-appdisplayname="DR Jandrox"
                data-isfavorite="False"
                data-isonline="True"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="" tabindex="2">
                <a href="/en-US/Profile?GamerTag=DR%20Jandrox" class="gamerpicWrapper">
                    <img alt="DR Jandrox" aria-label="DR Jandrox" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=z951ykn43p4FqWbbFvR2Ec.8vbDhj8G2Xe7JngaTToBrrCmIEEXHC9UNrdJ6P7KIFXxmxGDtE9Vkd62rOpb7JehA8dSapBHnH1CYJpGcvrqx3u3aQ5NMCKRX1WaLAVwB&amp;format=png&amp;h=100&amp;w=100" title="DR Jandrox"></img>
                    <div class="favoriteIconWrapper">
<img class="unFavorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
<img alt="Online" aria_label="Online" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_greendot.png" title="Online" />                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=DR%20Jandrox" title="DR Jandrox">DR Jandrox</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName">Sam .</div>
                            <div class="primaryInfo">Halo 5: Guardians - Arena: Slayer (Xbox One)</div>
                            <div class="secondaryInfo"></div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
            <li data-gamertag="YeYo24"
                data-appdisplayname="YeYo24"
                data-isfavorite="False"
                data-isonline="True"
                data-isfriend="True"
                data-xbox360relationship="None"
                data-property=""
                class="left" tabindex="2">
                <a href="/en-US/Profile?GamerTag=YeYo24" class="gamerpicWrapper">
                    <img alt="YeYo24" aria-label="YeYo24" class="gamerpic" onerror="this.onerror=null;this.src=&#39;https://assets.xbox.com/xweb-1601-29018-rtm-rolling/common/images/default_gamerpic.png&#39;" src="https://images-eds-ssl.xboxlive.com:443/image?url=z951ykn43p4FqWbbFvR2Ec.8vbDhj8G2Xe7JngaTToBrrCmIEEXHC9UNrdJ6P7KIFXxmxGDtE9Vkd62rOpb7JWR2luWb..XqNjhsh9IW__NTYoeaUE1vI8ypnzWrmrV_&amp;format=png&amp;h=100&amp;w=100" title="YeYo24"></img>
                    <div class="favoriteIconWrapper">
<img class="unFavorite" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_favorites_mark.png" />                    </div>
                </a>
                <div class="statusIcon">
<img alt="Online" aria_label="Online" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_greendot.png" title="Online" />                </div>
                <div class="friendInfo">
                    <div class="gamertagWrapper">
                        <div class="gamertag"><a href="/en-US/Profile?GamerTag=YeYo24" title="YeYo24">YeYo24</a></div>
<img alt="Send" aria_label="Send" class="messageIcon enableSendMsg" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/icon_sendmessage.png" title="Send" />
                        <div class="addFriendsIconWrapper addFriendIcon">
                                                    </div>
                    </div>
                    <div class="nameContainer">


                        <div class="nameInfo">
                            <div class="realName"></div>
                            <div class="primaryInfo">Halo 5: Guardians - Arena: Slayer (Xbox One)</div>
                            <div class="secondaryInfo"></div>
                        </div>

                    </div>
                </div>
                <div class="overlay"></div>
                <img alt="Selected" aria_label="Selected" class="selectedBoxIcon" src="https://assets.xbox.com/xweb-1601-29018-rtm-rolling/social/images/selected_box.png" title="Selected" />
            </li>
            </ul>
</div>
            <ul class="actionButtons">
                <li class="action"></li>
                <li class="cancel"></li>
            </ul>
        </div>
        <div class="overlay"></div>
    </div>
</div>

<div class="title">
                SomeText (the number)
            </div>