如何獲取點擊按鈕的索引

Question

早上好。

如何獲取 class 的單擊按鈕的索引。 當我單擊第一個“編輯器”時，我想要索引 0。當我單擊第二個“編輯器”時，我想要索引 1，依此類推。 我嘗試使用：

document.getElementsByClassName('editar')

但我找不到點擊按鈕的長度。

這是 HTML。 這是一個只有一行的表格，但在頁面中它將是很多行：

        <div class="alinhadora">
          <tr>
            <td scope="row" class='zeroCol'>1</td>
            <td class='primeiraCol'>
              <p class='prioridadeCampo'></p>
              <textarea name="name" rows="2" cols="20" placeholder="Digite aqui a prioridade."></textarea>
            </td>
            <td class='segundaCol'>
              <p class='descri-tabela'></p>
              <label for="setorSelect"></label>
              <select name="setor" id="setorSelect" class='selectTotal'>
                <option value=""></option>
                <option value="Tecnologia da Informação">Tecnologia da Informação</option>
                <option value="Recursos Humanos">Recursos Humanos</option>
                <option value="Engenharia">Engenharia</option>
              </select>
            </td>
            <td class='terceiraCol'>
              <p class='areaCampo'></p>
              <label for="areaSelect"></label>
              <select name="area" id="areaSelect" class='selectTotal'>
                <option value=""></option>
                <option value="Redes">Redes</option>
                <option value="Telefonia">Telefonia</option>
                <option value="Software">Software</option>
              </select>
            </td>
            <td class='quartaCol'>
              <p class='tipoCampo'></p>
              <label for="tipoSelect"></label>
              <select name="tipo" id="tipoSelect" class='selectTotal'>
                <option value=""></option>
                <option value="Liberação de Acesso">Liberação de Acesso</option>
                <option value="Dúvidas">Dúvidas</option>
                <option value="Desenvolvimento">Desenvolvimento</option>
              </select>
            </td>
            <td class='quintaCol'>
              <p>Aberto</p>
            </td>
            <td class='sextaCol'>
              <p class='urgenciaCampo'></p>
              <label for="urgenciaSelect"></label>
              <select name="urgencia" id="urgenciaSelect" class='selectTotal'>
                <option value=""></option>
                <option value="Normal">Normal</option>
                <option value="Urgente">Urgente</option>
                <option value="Crítico">Crítico</option>
              </select>
            </td>
            <td class='setimaCol'>
              <p class='designadoCampo'></p>
              <label for="designadoSelect"></label>
              <select name="designado" id="designadoSelect" class='selectTotal'>
                <option value=""></option>
                <option value="Ailton de Souza Junior">Ailton de Souza Junior</option>
                <option value="Carlos Henrique">Carlos Henrique</option>
                <option value="Crítico">Everson</option>
              </select>
            </td>
            <td class='oitavaCol'>
              <p>Descrição Teste</p>
            </td>
            <td class='nonaCol'>
              <button type="button" class="btn btn-success acoes-botao salvar">Salvar</button>
              <button type="button" class="btn btn-success acoes-botao">Chat</button>
              <button type="button" class="btn btn-success acoes-botao editar">Editar</button>
              <button type="button" class="btn btn-danger acoes-botao">Aprovação</button>
            </td>
          </tr>
        </div>

Answer 1

您可以像這樣從 HTML 將參數傳遞給 function。

<button onclick="clicked(1)">Button1<button/>
<script>
function clicked(param){
console.log(param)}
</script>