Skip to main content
removeu 3 caracteres do conteúdo
Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55

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 dada, 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" />

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 dada, 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" />

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" />

adicionou 172 caracteres ao conteúdo
Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55

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 dada, 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" />

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.

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 dada, 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" />

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 dada, 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" />

removeu 23 caracteres do conteúdo
Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55

UtilizeNo 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.

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

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

$('table tr td'tr')on('click', function() {
  var content1 = $(this).parent().find(':nth-child(1)').text();
  var content2 = $(this).parent().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" />

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.

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()

$('table tr td')on('click', function() {
  var content1 = $(this).parent().find(':nth-child(1)').text();
  var content2 = $(this).parent().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" />

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.

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 dada, 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" />

adicionou 682 caracteres ao conteúdo
Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55
Carregando
adicionou 88 caracteres ao conteúdo
Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55
Carregando
Fonte Link
Pedro Camara Junior
  • 6,8mil
  • 3
  • 20
  • 55
Carregando