Question

如何用js控制 Li 里面的 <dl>数量到6个的时候，自动切换到下一个Li。谢谢了，小弟是菜鸟，请高手帮忙。

<ul>
<li class="clearfix">
<div class="newslis">
<dl class="clearfix">
<dt> <img src="11.jpg" /> </dt>
<dd>
<h3><a href="#">文章标题</a></h3>
<p>文章简介…</p>
</dd>
</dl>
</div>
</li>
</ul>

Answer 1

首先，你需要规划下的html代码：

<ul id="ul">
    <li class="clearfix">
         <div class="newslis">                                 
                <dl class="clearfix">
                    <dt> <img src="11.jpg" /> </dt>
                    <dd>
                        <h3><a href="#">文章标题</a></h3>
                        <p>文章简介…</p>
                    </dd>
                </dl>                                
         </div>
    </li>
</ul>

然后js这样控制(这里我用jqurey)：

function GetCheck(){
  var li=$("#ul>li").last();//找到ul下面li的最后一个
  var dl_len=li.find("dl").length;//获取最后一个li里面的dl的个数
  if(dl_len>=6){
    //li里面的dl个数大于等于6个
    //返回最新的一个li
    $("#ul").append("<li></li>");
    li=$("#ul>li").last();//找到ul下面li的最后一个
  }
   return li;//返回li(这个li可能是最新添加的，也可能是之前操作的li)
}

Answer 2

做分页吧,