隐藏第一个项目并显示第一个带有循环的隐藏项目答案

【问题标题】：Hide first item and show first hidden item with loop隐藏第一个项目并显示第一个带有循环的隐藏项目
【发布时间】：2021-10-02 04:55:17
【问题描述】：

如何使用 jquery 遍历 ul li 列表。隐藏第一个项目并显示第一个隐藏的项目。

我没有找到类似的东西，所以我想在这里发布我的脚本。

【问题讨论】：

标签： jquery loops html-lists show-hide

【解决方案1】：

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

【讨论】：