隐藏第一个项并使用循环显示第一个隐藏项

o4hqfura  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(238)

如何使用jquery循环通过ulli列表。隐藏第一项并显示第一个隐藏项。
我没有发现任何类似的东西,所以我想在这里发布我的脚本。

3zwjbxry

3zwjbxry1#

html

<ul id="neue_bst">
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">1) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">2) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">3) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">4) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">5) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">6) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">7) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">8) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">9) Baustelle</div></li>
  <li><div class="fa fa-grip-lines"></div><div class="text_bst">10) Baustelle</div></li>
</ul>

剧本

var list = $('#neue_bst li:gt(8)');
list.hide();

setInterval(function() {

   var me = $('#neue_bst li').first();
   $('#neue_bst li').eq(1).hide();

   $('#neue_bst li').parent().append(me);
   $('li:last').hide();

   $('#neue_bst li').eq(8).fadeIn(500);

 }, 2000);

相关问题