根据数据获取子Divs内部父div根据数据'关键'Javascript

你能帮我把孩子divs内父母divs（revursevly）我有这段代码在HTML中。根据数据获取子Divs内部父div根据数据'关键'Javascript

我需要根据从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>

来源

2017-04-19 SonOfAGun

从那里检索的数据？你想做什么？ – Krishna

@Krishna将div中的div与“父子关系”中的div一起使用来自数据库中的data-id和data-parent的数据作为连接。 – SonOfAGun

因此，如果父级ID为空，那么它是父级，如果它有父级ID，它是子级权利？ – Krishna

@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>

来源

2017-04-19 05:38:59 Krishna

虽然如果视图展开（这些孩子有他们的孩子），但不起作用 – SonOfAGun

也许这是可能的JavaScript - 类似于递归 – SonOfAGun

你的意思是说你有多层次的层次？ – Krishna

根据数据获取子Divs内部父div根据数据'关键'Javascript

回答

相关问题