Skip to main content

Ingresar un icono fontawesome) en una celda con javascript

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, que tengo escrito:

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>

Gracias

Maca
  • 48
  • 2
  • 9