JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<table id="detailTable" class="genTable" cellspacing="0" cellpadding="0">
  <tr>
    <td class="ariallabelten green"><a href="#" class="ariallabelten green">Add</a></td>
    <td>
      <select name="first[]">
        <option value="volvo">..</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
      </select>
    </td>
    <td class="" width="390">
      <input type="text" name="lastname[]" value="" maxlength="40" size="64">
      <br />
    </td>
  </tr>
  <tr>
    <td class="ariallabelten green"><a href="#" class="ariallabelten green">Add</a></td>
    <td>
      <select name="first[]">
        <option value="volvo">..</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
      </select>
    </td>
    <td class="" width="390">
      <input type="text" name="lastname[]" value="" maxlength="40" size="64">
      <br />
    </td>
  </tr>
  <tr>
    <td class="ariallabelten green"><a href="#" class="ariallabelten green">Add</a></td>
    <td>
      <select name="first[]">
        <option value="volvo">..</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
      </select>
    </td>
    <td class="" width="390">
      <input type="text" name="lastname[]" value="" maxlength="40" size="64">
      <br />
    </td>
  </tr>
</table>

JavaScript

//var tr;

$(function() {
  tr = $("#detailTable tr:eq(0)").clone();
  console.log(tr);

  $("#detailTable").on("click", "a", function() {
    //console.log($(this));
    tr.clone().insertAfter($(this).parents('tr'));
    //console.log($(this));
  });

});