根据数据键“ Javascript”在父Divs中获取子Div

Question

您能帮我把子div放到父div内吗（revursevly），我在html中有此代码。

我需要根据从data-id和data-parent检索的数据将child .wrapper div放在父目录中。 提前致谢！

@model IEnumerable<Tree_List.Models.H_Table>
@{
    ViewBag.Title = "Index";
}
@*<script src="~/Scripts/ListControlScript.js"></script>*@
<script src="~/Scripts/jquery-1.10.2.min.js"></script>

<div>

@foreach (var item in Model)
{
    <div id="wrapper" class="something" data-id="@item.PARENT_ID" data-parent="@item.PARENT_ID">
        <ul>
            <input type="button" class="toggler" onclick="ShowMsg()">
            <li class="roots" >
                @item.NAME
                <input class="add_btn" type="button" value="Add" />
                <input class="edit_btn" type="button" value="Edit" />
                <input class="delete_btn" type="button" value="Delete" />
            </li>
        </ul>
    </div>
}
</div>

<script>
    $(function () {

    });
    </script>

Answer 1

    @model IEnumerable<Tree_List.Models.H_Table>
    @{
        ViewBag.Title = "Index";
    }
    @*<script src="~/Scripts/ListControlScript.js"></script>*@
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>

    <div>
    @helper PopulateDivs(IEnumerable<Tree_List.Models.H_Table> foos)
     {

        @foreach (var item in Model)
        {
           <div id="wrapper" class="something" data-id="@item.PARENT_ID" data-parent="@item.PARENT_ID">
          //I don't know the real structure you are looking for but this will work with recursion
             @if(Model.Any(m=> m.Parent_ID == item.ID))
               {
                  @PopulateDivs(Model.Where(m=> m.Parent_ID == item.ID))
               }
             <ul>
                <input type="button" class="toggler" onclick="ShowMsg()">
                <li class="roots" >
                    @item.NAME
                    <input class="add_btn" type="button" value="Add" />
                    <input class="edit_btn" type="button" value="Edit" />
                    <input class="delete_btn" type="button" value="Delete" />
                </li>
             </ul>
          </div>
        }

      }

     </div>

    <script>
        $(function () {

        });
        </script>