根据数据获取子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>
答
@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>
从那里检索的数据?你想做什么 ? – Krishna
@Krishna将div中的div与“父子关系”中的div一起使用来自数据库中的data-id和data-parent的数据作为连接。 – SonOfAGun
因此,如果父级ID为空,那么它是父级,如果它有父级ID,它是子级权利? – Krishna