Pegar posição especifica no .each

Fiz um laço .each que retorna alguns button:

$(document).ready(function(){
 listarPedidos()
 var consultas = setInterval(listarPedidos, 4000);

 });
 function listarPedidos(){
 $.getJSON('conectar/_pedidos/listaPedidos.php', function (data) {
 $.each(data, function(i, valor){
 elementoFILA += "<tr id='statusFILA'>";
 elementoFILA += "<td>" + valor.PED_ID + "</td>";
 elementoFILA += "<td>" + valor.PED_DATA_N + "</td>";
 elementoFILA += "<td>" + resultado + " / " + valor.CLI_TEL + "</td>";
 elementoFILA += "<button class='btn btn-info' id='btnVisu' title='Visualizar Pedido'><i class='fas fa-eye'></i> </button>";
 elementoFILA += "<button class='btn btn-primary' title='Editar Pedido'><i class='fa fa-pencil-alt'></i> </button>";
 elementoFILA += "<button class='btn btn-dark' disabled='' title='Setar Saiu Entrega'><i class='fa fa-motorcycle'></i> </button>";
 elementoFILA += "<button class='btn btn-dark' id='btnFinalizar' disabled='' title='Finalizar Pedido'><i class='fa fa-check'></i> </button>";
 elementoFILA += '</td>'
 elementoFILA += "</tr>";
 }

 Minha dificuldade é pegar linha id='btnVisu'.

 Estou tentando fazer dessa forma, mas não da certo:

$('#btnVisu').click(function () {
 alert("clicou");
});

  

  

 já fiz com class também mas não deu, engraçado que dessa forma deveria pelo menos pegar o primeiro da lista e não pega

  

 dês de já agradeço