1

Eu tentei de VÁRIAS FORMAS (VÁRIAS MESMO) mas não obtive êxito! A maioria me retorna um UNDEFINED

Segue o código:

PHP:

<?php

 require_once('acessabanco.php');

 $objDb = new db();
 $link = $objDb->conecta_banco();

 $sql = "SELECT p.sequencia codigo,
                p.nome_completo nome, 
                c.data_nascimento data, 
                t.celular_1 celular
           FROM pessoas p, 
                clientes c, 
                telefones t 
          WHERE p.sequencia = t.cod_pessoa 
            AND c.cod_pessoa = p.sequencia";
 $exec = mysqli_query($link, $sql);     
 if ($exec){
    while ($clientes = mysqli_fetch_array($exec)){
        echo('<tr><td id="sequencia">' . $clientes['codigo'] . '</td>
              <td>' . $clientes['nome'] . '</td>
              <td>' . $clientes['data'] . '</td>
              <td>' . $clientes['celular'] . '</td>
              <td><button type="button" id="teste" class="btn btn-primary btn-sm">Small button</button></td>
              <td><a type="button" onClick="teste()" class="btn btn-danger btn-sm">Small button</a></td></tr>');
    }
}
?>

JQUERY:

$(document).ready(function () { 

$('#content').css('display', 'none');

$.ajax({
    url: 'php/lista_clientes.php',
    type: 'post',
    success: function (data) {
        $("#carrega_pag").append(data);
    }
});
function teste (){  

$('table tr').each(function(){
    var teste = $(this).closest('td').attr('id');
console.log(teste);
)};

HTML:

    <table class="table table-hover">
  <thead>
    <tr>
      <th>Código</th>
      <th>Nome Completo</th>
      <th>Data de Nascimento</th>
      <th>Celular</th>
      <th>Opções</th>
    </tr>
  </thead>
  <tbody id ="carrega_pag">
  </tbody>
</table>

Imagem: inserir a descrição da imagem aqui

Alguem poderia me ajudar? Fico muito grato! Pois estou neste quesito já faz um longo tempo... Obrigado!!

2 Respostas 2

0

Tente assim:

PHP:

<?php

 require_once('acessabanco.php');

 $objDb = new db();
 $link = $objDb->conecta_banco();

 $sql = "SELECT p.sequencia codigo,
                p.nome_completo nome, 
                c.data_nascimento data, 
                t.celular_1 celular
           FROM pessoas p, 
                clientes c, 
                telefones t 
          WHERE p.sequencia = t.cod_pessoa 
            AND c.cod_pessoa = p.sequencia";
 $exec = mysqli_query($link, $sql);     
 if ($exec){
    while ($clientes = mysqli_fetch_array($exec)){
        echo('<tr><td id="sequencia" >' . $clientes['codigo'] . '</td>
              <td>' . $clientes['nome'] . '</td>
              <td>' . $clientes['data'] . '</td>
              <td>' . $clientes['celular'] . '</td>
              <td><button type="button"  id="'.$clientes["codigo"].'" class="btn_sequencia btn btn-primary btn-sm">Small button</button></td>
              </tr>');
    }
}
?>

jQuery:

$(document).ready(function () { 

    $(".btn_sequencia").on('click', function(){
        alert($(this).attr('id'));
    });

    $('#content').css('display', 'none');

    $.ajax({
        url: 'php/lista_clientes.php',
        type: 'post',
        success: function (data) {
            $("#carrega_pag").append(data);
        }
    });

});

Código teste:

$(document).ready(function () { 

    $(".btn_sequencia").on('click', function(){
        alert($(this).attr('id'));
    });

    $('#content').css('display', 'none');

    $.ajax({
        url: 'php/lista_clientes.php',
        type: 'post',
        success: function (data) {
            $("#carrega_pag").append(data);
        }
    });

});
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<table class="table table-hover">
    <thead>
        <tr>
            <th>Código</th>
            <th>Nome Completo</th>
            <th>Data de Nascimento</th>
            <th>Celular</th>
            <th>Opções</th>
        </tr>
    </thead>
    <tbody id ="carrega_pag">
        <tr>
            <td id="sequencia">1</td>
            <td>Joao</td>
            <td>11/11/2017</td>
            <td>99999-9999</td>
            <td><button type="button" id="1" class="btn_sequencia btn btn-primary btn-sm">Small button</button></td>
        </tr>
        <tr>
            <td id="sequencia">2</td>
            <td>Maria</td>
            <td>11/11/2017</td>
            <td>99999-9999</td>
            <td><button type="button" id="2" class="btn_sequencia btn btn-primary btn-sm">Small button</button></td>
        </tr>
    </tbody>
</table>

4
  • Minto, agora ele não me exibe nada!
    – Joao Pedro
    Commented 9/12/2017 às 15:00
  • Darlei, obrigado por responder! Dessa forma ele não me exibe nada, eu já havia tentado colocar a função de CLICK, pela classe ou pelo ID, mas ele não exibe nada, nem um alert.
    – Joao Pedro
    Commented 9/12/2017 às 15:10
  • Tinha um erro no jquery, nao havia notado tambem, editei a resposta, testa agora Commented 9/12/2017 às 15:16
  • Obrigado por responder! Tentei com esse novo código, o que acontece: As TD que colocamos fixa, exibe corretamente, porem como estou montando as TD no PHP e dando um append, talvez ela não reconheça.. Ou seja, seu código funcionou nas TD que colocamos fixa, mas as que eu monto no PHP, não exibe nada, o botão nem é reconhecido..
    – Joao Pedro
    Commented 9/12/2017 às 15:24
0

É preciso delegar o .on('click'... aos novos elementos retornados pelo Ajax, e usar o seletor $(this).closest('tr').find('td').first().text() para capturar o texto da primeira td da linha do botão clicado.

O código ficaria assim:

$(document).ready(function () { 

   $('#carrega_pag').on('click',".btn_sequencia", function(){
        alert($(this).closest('tr').find('td').first().text().trim());
    });

   $('#content').css('display', 'none');

   $.ajax({
      url: 'conecta.php',
      type: 'post',
      success: function (data) {
         $("#carrega_pag").append(data);
      }
   });

});
5
  • DvD, obrigado por responder! Eu tentei dessa forma, mas ele me exibe o nome do id, e não o conteúdo, no caso ele está me exibindo "SEQUENCIA".
    – Joao Pedro
    Commented 9/12/2017 às 15:08
  • Obrigado pela ajuda! Eu preciso pegar o texto dentro da TD, por exemplo: Eu cliquei no botão da primeira linha, ele me exibe o conteúdo da TD SEQUENCIA (no caso me exibe o código 49) E assim, sucessivamente para os outros itens
    – Joao Pedro
    Commented 9/12/2017 às 15:15
  • @JoaoPedro Atualizei a resposta. Vc irá pegar o conteudo da primeira td ao clicar no botão da última td, onde tem <a></a>
    – Sam
    Commented 9/12/2017 às 15:23
  • Orra, deu certo cara! Muito obrigado!! Agora funcionou rendondo! Sem palavras pra agradecer a ajuda de vocês! Muito obrigado! Créditos: DvD e João Pedro!
    – Joao Pedro
    Commented 9/12/2017 às 15:26
  • @JoaoPedro Que bom! Não deixe de marcar ✓ se achou útil. Abs!
    – Sam
    Commented 9/12/2017 às 15:28

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .