JSFiddle - React, Tailwind, and code Playground

by Fernando Leal

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
<input type="text" id="senha">
<div>
  <table class="table table-striped">
    <thead>
      <tr>
        <th>#</th>
        <th>Mês/Ano</th>
        <th>Senha</th>
        <th>Máquina</th>
        <th>Validade</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          1
        </td>
        <td>
          01/2016
        </td>
        <td class="target-copy">
          123456#1
        </td>
        <td>
          maquina1
        </td>
        <td>
          30/01/2016
        </td>
        <td class="text-center"><a class='btn btn-info btn-xs copiar'><span class="glyphicon glyphicon-edit"></span> Copiar</a></td>
      </tr>
      <tr>
        <td>
          2
        </td>
        <td>
          02/2016
        </td>
        <td class="target-copy">
          123456#2
        </td>
        <td>
          maquina2
        </td>
        <td>
          30/02/2016
        </td>
        <td class="text-center"><a class='btn btn-info btn-xs copiar'><span class="glyphicon glyphicon-edit"></span> Copiar</a></td>
      </tr>
      <tr>
        <td>
          3
        </td>
        <td>
          03/2016
        </td>
        <td class="target-copy">
          123456#3
        </td>
        <td>
          maquina3
        </td>
        <td>
          30/03/2016
        </td>
        <td class="text-center"><a class='btn btn-info btn-xs copiar'><span class="glyphicon glyphicon-edit"></span> Copiar</a></td>
      </tr>
      <tr>
        <td>
          4
        </td>
        <td>
          04/2016
        </td>
        <td class="target-copy">
          123456#4
        </td>
        <td>
          maquina4
        </td>
        <td>
          30/04/2016
        </td>
        <td class="text-center"><a class='btn btn-info btn-xs copiar'><span class="glyphicon glyphicon-edit"></span> Copiar</a></td>
      </tr>
      <tr>
        <td>
         ...

JavaScript

$(function(){
	$('.copiar').click(function(event){
  	var copyValue = 
    // inicia seletor jQuery com o objeto clicado (no caso o elemento <a class="copiar">)
    $(event.target)
    // closest (https://api.jquery.com/closest/) retorna o seletor no tr da linha clicada 
    .closest("tr")
    // procura a <td> com a class target-copy
    .find("td.target-copy")
    // obtem o text no conteúdo do elemento <td>
    .text()
    // remove possiveis espaços no incio e fim da string
    .trim();
    
    // seleciona o input com id=senha
    $('#senha')
    // seta o valor copiado para o input id=senha
    .val(copyValue);
  });
});