Tengo una tabla de 5 columnas en html y casi 300 filas, la última columna no tiene datos , quiero insertar un icono de fontawesome y darle una acción mediante javascript, la cuál tome los datos de su fila y los ingrese en un textarea
Así esta el codigo:
function consultar(){
$("td.column-4").append('<i class="fa fa-plus-circle" aria-hidden="true"></i>');
};
tr{
background-color:steelblue;
color:#fff;
}
td{
padding:20px;
}
<script src="https://use.fontawesome.com/141dcb7b72.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table class="table-12">
<tr class="row-2 even" role="row">
<td class="colunm-1">Firstname</td>
<td class="colunm-2">Lastname</td>
<td class="colunm-3">Age</td>
<td class="colunm-4">Agregar</td>
</tr>
<tr class="row-3 odd" role="row">
<td class="colunm-1">Jill</td>
<td class="colunm-2">Smith</td>
<td class="colunm-3">50</td>
<td class="colunm-4"></td>
</tr>
<tr>
<td class="colunm-1">Eve</td>
<td class="colunm-2">Jackson</td>
<td class="colunm-3">94</td>
<td class="colunm-4"></td>
</tr>
</table>