根据标签内个数,显示隐藏《加载更多》

<div class="question inner">
  <div class="title"><span><i class="line-l"></i>大标题<i class="line-r"></i></span></div>
  <ul class="clearFix">
    <li>
      <h3>标题1</h3>
      <span class="test1"></span>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a class="test1" href="#">  了解更多 >></a>
    </li>

    <li>
      <h3>标题2</h3>
      <span class="test2"></span>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a href="###">内容1</a>
      <a class="test2" href="#">  了解更多 >></a>
    </li>
  </ul>
  <a href="{:cate(18,info)}" class="more">更多问题解答</a>
</div>

</body>
<script>
  $(function(){
    function foo(test){
      var leng = $("."+test+"").eq(0).nextUntil($("."+test+"").eq(1));//获取到两个标签的位置计算长度,根据长度显示
      if(leng.length < 5 ){
        $("."+test+"").eq(1).hide()
      }else{
        $("."+test+"").eq(1).show()
      }
    }
  foo("test1")
  foo("test2")
})
</script>

posted @ 2019-03-12 11:27  有洁癖的隔壁老王  阅读(157)  评论(0编辑  收藏  举报