1

Tenho uma tabela com 2 colunas e gostaria de, ao clicar em alguma linha, atribuir os valores de cada coluna desta linha clicada em um <input type="text" />. Tenho um código que ele atribui porém se eu clico na primeira coluna ele atribui o valor da primeira coluna ou o da segunda. Como é que separo isso?

$('#tableTime tr td').click(function() {
    var content = $(this).text();
    $("#descricaoAgenda").val(content);
});
3
  • Fernando, para que não haja confusão no entendimento de sua pergunta, sugiro que poste também teu HTML e tente descrever com mais detalhes o que você está tentando fazer. :) Commented 17/12/2015 às 12:49
  • Tinha colocado a respsta errada, mais se tiver montado seu html em tempo de execução aqui você pode ter uma noção de como fazer. pt.stackoverflow.com/questions/65204/…
    – Marconi
    Commented 17/12/2015 às 12:52
  • coloquei o html Commented 17/12/2015 às 12:55

1 Resposta 1

3

No seu caso utilize o parent para selecionar a tr pai da tdque foi clicada, depois de acessar a tr use a função find para selecionar as td's filhas e utilize o seletor :nth-child() para selecionar cada coluna da linha selecionada.

$('#tableTime tr td').click(function() {
    var content = $(this).parent().find(':nth-child(1)').text();
    $("#descricaoAgenda").val(content);
});

Dica: Você pode utilizar o evento click diretamente na linha da tabela $('table tr').on('click', callback), dessa forma, você não precisará utilizar o parent().

Veja o exemplo alterado conforme a dica, sem utilizar o parent

$('table tr').on('click', function() {
  var content1 = $(this).find(':nth-child(1)').text();
  var content2 = $(this).find(':nth-child(2)').text();
  $("#txtResultado1").val(content1);
  $("#txtResultado2").val(content2);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
  </tr>
</table>

<input type="text" id="txtResultado1" />
<input type="text" id="txtResultado2" />

6
  • eu preciso pegar o elemento da <td> e nao da <tr>. por exemplo: ao clicar na linha (em qualquer lugar dela) enviar o texto da segunda coluna para um input. Commented 17/12/2015 às 12:44
  • Na sua pergunta você disse que precisa "atribuir os valores de cada coluna desta linha". Da maneira que respondi, isso é o que irá acontecer. O que você realmente quer é pegar apenas o valor da última coluna da linha seleciona, isso? Commented 17/12/2015 às 12:45
  • sim.. só que separadamente.. eu testei a forma que você me passou, só que foi o valor da linha inteira e não cada valor em um input diferente Commented 17/12/2015 às 12:49
  • 1
    muito bom!! era isso mesmo.. eu cheguei perto só faltou colocar o .parent haha.. mas valeu Commented 17/12/2015 às 13:11
  • 1
    +1 grande resposta.
    – Marconi
    Commented 17/12/2015 às 13:12

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 .