如何压缩网格项目输入

Question

我正在尝试使用“索引”来压缩我的网格容器

.grid-container {
     display: grid;
     grid-gap: 0px 0px;
     grid-template-columns: auto auto auto auto auto;
     background-color: black;
     padding: 10px; 
    }

.grid-item {
    background-color: white;
    border: 1px solid black;
    padding: 20px;
    font-size: 30px;
    text-align: center;
    }

上面是我的风格，下面是我要在脚本中尝试做的事情：

for(var index=0;index<23;index++){  
      $('#grid-container').append('<div class="grid-item"><button ></button></div>');
    }

除了不使用索引外，我希望所有网格容器都作为输入框...我该怎么做？