jQuery或javascript来确定列表是否包含四个以上的元素

我想使用jQuery来确定一个列表是否包含四个以上的元素。如果有四个以上，我想添加一个“显示更多”按钮。 单击所述按钮应向用户显示附加元素

谁能告诉我怎么解决这个问题

HTML结构：

<ul class="icons">
    <li class="icon"><a href="link01"><img src="img01" /></a></li>
    <li class="icon"><a href="link02"><img src="img02" /></a></li>
    <li class="icon"><a href="link03"><img src="img03" /></a></li>
    <li class="icon"><a href="link04"><img src="img04" /></a></li>
    <li class="icon"><a href="link05"><img src="img05" /></a></li>
    <li class="icon"><a href="link06"><img src="img06" /></a></li>
    <li class="icon"><a href="link07"><img src="img07" /></a></li>
    <li class="icon"><a href="link08"><img src="img08" /></a></li>
</ul>

---

使用vanila js很容易做到这一点

const-icons=document.queryselectoral（'.icons-li'））
如果（icons.length>=4）{
var firstFour=icons.slice（0,4）
var restElements=icons.slice（4，icons.length）
}

使用vanila js可以轻松完成

const-icons=document.queryselectoral（'.icons-li'））
如果（icons.length>=4）{
var firstFour=icons.slice（0,4）
var restElements=icons.slice（4，icons.length）
}

应该是

document.queryselectoral（'.icons li'）

并且您在restElements variable中有一个输入错误对不起，我不明白。我尝试过jquery，但我不知道这是一种正确的方法吗？很抱歉@Maestro当时我在手机上发布的内容应该是

document.querySelectorAll（'.icons li'）

，并且您在restElements variable中有一个输入错误。很抱歉我不明白。我试过jquery，但不知道这是正确的方法吗？很抱歉@Maestro我当时在手机上发帖

$(".icons li").each( function (index) {
  index += 1;
  if(index > 3 ) {
    $(this).addClass("hide");
    $(this).append($('div',{
      class: 'blue',
      html: 'test'
    }))
  }
 });