Jump to content
Diego Carlos

Pegar posição especifica no .each

Recommended Posts

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

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By AlexandrePrezzi
      Seguinte:
       
      Em um arquivo  teste.php  tem  um monte de coisas e  também tem um modal la pelo meio.
      <div class="modal fade" id="myModalDadosBasicos" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_DadosBasicos" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel_DadosBasicos"></h4> </div> <div class="modal-body"> .... Em outro arquivo  "principal.php"   criei um botão.
       
      Gostaria de saber como posso far para quando eu clicar nesse botao,  abrir o modal que esta no outro arquivo.
       
      Codigo do botão
      <button type="button" title="Abre Modal" class="btn btn-xs btn-success tp btnAbreModal">Transformar em Pedido Novo</button> O que eu tentei fazer baseado em dicas de outros:
       
      $('.btnAbreModal').on('click', function(e){ $.ajax({ type: 'POST', //Caminho do arquivo do seu modal url: 'teste.php', success: function(data){ alert(data); $('#myModalDadosBasicos').modal('show'); } }); }); A questão é .... como defino que o que eu quero abrir na minha  página  seja somente o modal "myModalDadosBasicos".
    • By rgrtorres
      Boa noite galera, fiz um sistema de página, porém quando uso .html para mostrar o resultado no jQuery, ele me retorna apenas um valor, e quando uso outros tipo append, ele me retorna todos os valores que desejo, como resolvo essa questão, não quero usar append.
       
      PHP:
      <?php include '../assets/app/config.php'; $conexao = new Conexao($config); $pagina = (isset($_POST['pagina'])) ? $_POST['pagina'] : 1; $sqlPaginacao = $conexao->conectar()->query("SELECT * FROM noticias"); $total = $sqlPaginacao->num_rows; $qtd = 2; $paginas = ceil($total / $qtd); $inicio = ($qtd * $pagina) - $qtd; $tudo[] = array("paginas" => $paginas); $sql = $conexao->conectar()->query("SELECT * FROM noticias LIMIT $inicio, $qtd"); while($mostra = $sql->fetch_assoc()) {     $tudo[] = array("titulo" => $mostra['titulo']); } echo json_encode($tudo); ?>  
       
       
      jQuery:
      var paginacao = {     atual: 1,     next: function(tipo){         paginacao.atual++         $.ajax({             type: "POST",             url: "paginacao.php?pagina=" + paginacao.atual,             data: {'pagina' : paginacao.atual},             dataType: 'json',             success: function (result) {                 var botao = $(".arrow.next")                 for (var i = 0; i < result.length; i++) {                     var html =     "<article class='news'>";                         html +=        result[i]['titulo'];                         html +=    "</div>";                     $('.all').html(html);                 }                 if(tipo == 'next') {                     $(".arrow.back").removeClass('disabled');                 }                 if(paginacao.atual >= result[0]['paginas']) {                     botao.removeAttr('onclick');                     $(".arrow.next").addClass('disabled');                     $(".arrow.back").removeClass('disabled');                 }else if (paginacao.atual > 1){                     $(".arrow.back").removeClass('disabled');                 }             }         });     },     prev: function(tipo){         paginacao.atual--         $.ajax({             type: "POST",             url: "paginacao.php?pagina=" + paginacao.atual,             data: {'pagina' : paginacao.atual},             dataType: 'json',             success: function (result) {                 var botao = $(".arrow.next")                 botao.attr('onclick', 'paginacao.next()');                 for (var i = 0; i < result.length; i++) {                     var html =     "<article class='news'>";                         html +=        result[i]['titulo'];                         html +=    "</div>";                     $('.all').html(html);                 }                 if(tipo == 'next') {                     $(".arrow.back").removeClass('disabled');                 }                 if (paginacao.atual <= 1) {                     $(".arrow.back").addClass('disabled');                     $(".arrow.next").removeClass('disabled');                 } else {                     $(".arrow.back").removeClass('disabled');                 }             }         });     } }  
    • By Artes Ussler
      Olá!
       
      Tenho este código (validação.js):
      $("#formulario").validate({ ignore: ".ignore", rules: { nome:{required: true}, usuario:{required: true}, senha:{required: true, minlength:6}, email:{required: true, email: true}, confirma:{ required: true, equalTo: "#password"}, }, messages: { senha:{minlength:"A senha deve ter pelo menos 6 caracteres"}, confirma:{equalTo: "Senhas não conferem!"}, } }); Funciona muito bem, mas preciso acrescentar que somente poderão ser aceitos e-mails de um determinado domínio, ou seja, só podem ser aceitos e-mails com @fulano.com.br e @ciclano.com.br, apenas usando como exemplo.
       
      Fico grato se alguém puder me ajudar nisso.
       
    • By Rogerio Pancini
      Boa tarde pessoal.
       
      Estou terminando um site para imobiliária, no qual faz parte da ferramenta de busca o Select2.
      Está tudo funcionando.
      O problema é que, ao selecionar um imóvel, seria necessário que os campos que o cliente escolheu, ficassem com o selected setados.
       
      Esse seria um dos scritps:
       
      O que faz o ajax:
      /*************** Procurar cidade ***************/ //$('#cidade').select2('data', {id: '5256', text: 'cidade selecionada...'}); $( "#cidade" ).select2({ ajax: { url: "<?php echo $dir_base; ?>php/procurar_cidades_pesquisa.php", dataType: 'json', delay: 250, data: function (params) { return { finalidade_id: $("#finalidade").val(), tipo_imovel_id: $("#tipo_imovel").val(), q: params.term // search term }; }, processResults: function (data) { // parse the results into the format expected by Select2. // since we are using custom formatting functions we do not need to // alter the remote JSON data return { results: data }; }, cache: true }, language: { noResults: function (params) { return "Selecione a finalidade"; } } }); $("#bairro").prop("disabled", true); $("#cidade").on("change", function () { if($(this).val().length == 0) { $("#bairro").prop("disabled", true); }else{ $("#bairro").prop("disabled", false); } $("#bairro").empty().trigger('change') }); /*************** Procurar cidade ***************/ E o php que faz a busca do db:
      <?php /******* Conexão com o bando de dados *******/ include "../Conexao/config.php"; mysqli_select_db($config, $database_config); mysqli_set_charset($config,"utf8"); /******* Conexão com o bando de dados *******/ $finalidade_id = strip_tags(trim($_GET['finalidade_id'])); $tipo_imovel_id = @strip_tags(trim($_GET['tipo_imovel_id'])); $cidade_sel_url = @strip_tags(trim($_GET['cidade_sel_url'])); $search = @strip_tags(trim($_GET['q'])); if(empty($finalidade_id)){ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '1' GROUP BY imv.cidade") or die(mysqli_error($config)); }elseif(empty($tipo_imovel_id)){ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '".$finalidade_id."' GROUP BY imv.cidade") or die(mysqli_error($config)); }else{ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '".$finalidade_id."' AND tipo = '".$tipo_imovel_id."' GROUP BY imv.cidade") or die(mysqli_error($config)); } $return_arr = array(); if(@mysqli_num_rows($sql_json) <= '0'){ echo ""; }else{ while($r_sql_json = mysqli_fetch_array($sql_json)){ $row_array['id'] = $r_sql_json['cidade']; $row_array['text'] = $r_sql_json['nome']; array_push($return_arr,$row_array); } } echo json_encode($return_arr); ?> Encontrei essa linha na documentação:
       
      //$('#cidade').select2('data', {id: '5256', text: 'cidade selecionada...'});
       
      Mas eu coloco e a cidade selecionada não fica setada com seleted.
       
      São seis campos que ocorrem isso, todos parecidos com este.
       
      A instrução acima está correta e eu não estou sabendo fazer ou teria algum outro modo de fazer isso?
       
      Obrigado!
    • By Kelven
      Olá pessoal tudo bem?
       
      Então eu quero colocar um formulário de newsletter em um servidor q não tem suporte para php, o negócio é q depois que a pessoa clica em se cadastrar eu quero que ela seja redirecionada para outro site, então gostaria de saber como posso estar fazendo isso usando apenas javascript, jquery ou ajax com o API do Mailchimp? Porque já procurei muito e não achei, só achei em php.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.