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>

650) this.width=650;" src="http://s5.51cto.com/wyfs02/M01/88/4C/wKiom1ft7WuC1ZEOAACgAxiapGs495.jpg-wh_500x0-wm_3-wmp_4-s_135270019.jpg" style="float:none;" title="1.jpg" alt="wKiom1ft7WuC1ZEOAACgAxiapGs495.jpg-wh_50" />

650) this.width=650;" src="http://s1.51cto.com/wyfs02/M01/88/49/wKioL1ft7W2wjQAZAACSpLxKwqw853.jpg-wh_500x0-wm_3-wmp_4-s_1649168938.jpg" style="float:none;" title="2.jpg" alt="wKioL1ft7W2wjQAZAACSpLxKwqw853.jpg-wh_50" />

650) this.width=650;" src="http://s4.51cto.com/wyfs02/M01/88/49/wKioL1ft7W6Qj9coAACtjgl9kW4353.jpg-wh_500x0-wm_3-wmp_4-s_3910050902.jpg" style="float:none;" title="3.jpg" alt="wKioL1ft7W6Qj9coAACtjgl9kW4353.jpg-wh_50" />

650) this.width=650;" src="http://s5.51cto.com/wyfs02/M00/88/4C/wKiom1ft7W-w2iGEAACjSdFkqPU281.jpg-wh_500x0-wm_3-wmp_4-s_2491318328.jpg" style="float:none;" title="4.jpg" alt="wKiom1ft7W-w2iGEAACjSdFkqPU281.jpg-wh_50" />

本文出自 “奮鬥吧” 部落格，請務必保留此出處http://lvnian.blog.51cto.com/7155281/1858077

html + jQuery 遍曆主機群組下的主機