zoukankan      html  css  js  c++  java
  • 根据标签内个数,显示隐藏《加载更多》

    <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>

  • 相关阅读:
    HTML5_音视频标签 <audio> 和 <video>
    HTML5_提供的 新功能_less 编译_
    HTML5_新标签
    CSS3_综合案例
    CSS3_元素拖曳原理_设置全局点击捕获_九宫格碰撞检测_自定义滚动条
    CSS3_移动端_开机动画
    CSS3_动画 animation
    剑指Offer-2.替换空格(C++/Java)
    MySQL学习笔记4——DQL
    MySQL学习笔记3——DCL
  • 原文地址:https://www.cnblogs.com/wangxuanvip/p/10515570.html
Copyright © 2011-2022 走看看