循环获取div的id

Question

在我的asp.net页面中，当单击按钮（getDivsOrder）时，我想使用循环或类似的东西按顺序获取mainDiv中div的id。我怎样才能做到这一点？

             <ContentTemplate>

              <div id="mainDiv"  runat="server">   
                  <div id="Red"     runat="server"></div> 
                  <div id="Yellow"  runat="server"></div>
                  <div id="Green"  runat="server"></div>
                  ...
              </div>

         <asp:Button ID="getDivsOrder" runat="server" Text="Update label " 
         onclick="btnHelloWorld_Click" />

         </ContentTemplate>

Answer 1

我编写了以下实用方法，您可以将其放入“实用工具带”类或其他类中。您可以像这样使用它： mainDiv.FindControlsOfType() 返回控件列表。

    /// <summary>
    /// Given a root Control, do a recursive search for Controls implementing or deriving from class/interface T
    /// </summary>
    /// <typeparam name="T"></typeparam>
    /// <param name="ctlRoot"></param>
    /// <returns></returns>
    public static List<T> FindControlsOfType<T>(this Control ctlRoot)
    {
        List<T> controlsFound = new List<T>();

        if (typeof(T).IsInstanceOfType(ctlRoot))
            controlsFound.Add((T)(object)ctlRoot);

        foreach (Control ctlTemp in ctlRoot.Controls)
        {
            controlsFound.AddRange(FindControlsOfType<T>(ctlTemp));
        }

        return controlsFound;
    }

您遇到的问题是 div 不对应于任何标准 ASP.NET Web 控件，因此必须在搜索中使用 HtmlGenericControl。因此，搜索将选取任何 HtmlGenericControl，而不仅仅是 div 元素。因此，您必须查看每个控件的 TagName 属性，以确保它确实是一个 div。

另外，请注意，在服务器端执行此操作意味着您仅检查服务器上 mainDiv 控件的内容和顺序。如果您要在客户端更改 div 的顺序（例如使用 jQuery Draggable），服务器将不会知道这一点，除非您使用额外的 javascript 回发新的 div 顺序。

Answer 2

如果你只想要 div id：

    foreach (Control c in mainDiv.Controls)
    {
        if (c is HtmlGenericControl)
        {
            String id = c.ID;
        }
    }