html + jQuery 遍历主机组下的主机
{%blockright-content%}<divclass="row"><divclass="list-group"><h5>主机列表</h5><ulclass="list-group"id="groups">{%forgroupinrequest.user.userprofile.host_groups.select_related%}<liclass="list-group-item">{{group}}<spanclass="badge">{{group.host_set.count}}</span></li><ulclass="list-grouphidden">{%forhostingroup.host_set.select_related%}<liclass="list-group-item">{{host}}</li>{%endfor%}</ul><hr>{%endfor%}</ul></div></div>{%endblock%}{%blockjs%}<script>$(document).ready(function(){$("#groupsli").click(function(){$(this).addClass("active")$(this).siblings().removeClass("active")$(this).siblings().children().removeClass("active")$(this).parent().siblings().removeClass("active")$(this).next().removeClass("hidden")$(this).next().siblings('ul').addClass("hidden")})})</script>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。