HTML Table

HTML

<table id="codexpl">
  <tr>
    <th>#</th>
    <th>Columna</th>
    <th>Relative</th>
    <th>Isso</th>
  </tr>
  <tr>
    <td>1</td>
    <td>This</td>
    <td>Column</td>
    <td>Is</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Coloumn</td>
    <td>two</td>
    <td>this</td>
  </tr>
  <tr>
    <td>3</td>
    <td>is</td>
    <td>not equals</td>
    <td>a</td>
  </tr>
  <tr>
    <td>4</td>
    <td>the</td>
    <td>Column</td>
    <td>real</td>
  </tr>
  <tr>
    <td>5</td>
    <td>first</td>
    <td>One</td>
    <td>Coloumn</td>
  </tr>
  <tr id="id">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

CSS

#codexpl th,
#codexpl td {
  padding: 0.8em;
  border: 1px solid;
}

#codexpl th {
  background-color: #6699FF;
  font-weight: bold;
}

JavaScript

var valor = 'teste';
$("#id").children().slice(0, -1).html("<input type='text' value='" + valor + "' />");