Get column values from a table and save the value of each column in an input

Question

I have a table with 2 columns and I would like to, when clicking on some row, assign the values of each column of this row clicked on a <input type="text" />. I have a code that he assigns but if I click on the first column he assigns the value of the first column or the second. How do I separate it?

$('#tableTime tr td').click(function() {
    var content = $(this).text();
    $("#descricaoAgenda").val(content);
});

Answer 1

In your case use the Parent to select the tr father of tdthat was clicked, after accessing the tr use the function find to select the td's daughters and use selector :Nth-Child() to select each column of the selected row.

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

Tip: You can use the click event directly in the table row $('table tr').on('click', callback), this way, you will not need to use the parent().

See the example changed by tip, without using the 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" />