根據數據獲取子Divs內部父div根據數據'關鍵'Javascript

Question

你能幫我把孩子divs內父母divs（revursevly） 我有這段代碼在HTML中。

我需要根據從data-id和data-parent檢索到的數據將父子中的孩子.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>