首页 > 代码库 > html + jQuery 遍历主机组下的主机
html + jQuery 遍历主机组下的主机
{% block right-content %} <div class="row"> <div class="list-group "> <h4>主机列表</h4> <ul class="list-group " id="groups" > {% for group in request.user.userprofile.host_groups.select_related %} <li class="list-group-item"> {{ group }} <span class="badge">{{ group.host_set.count }}</span> </li> <ul class="list-group hidden"> {% for host in group.host_set.select_related %} <li class="list-group-item"> {{ host }} </li> {% endfor %} </ul> <hr> {% endfor %} </ul> </div> </div> {% endblock %} {% block js %} <script> $(document).ready(function () { $("#groups li").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>
本文出自 “奋斗吧” 博客,请务必保留此出处http://lvnian.blog.51cto.com/7155281/1858077
html + jQuery 遍历主机组下的主机
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。