如何使用 jQuery 将整列复制到 html 表中？

Question

我想在 html 表单中创建一个 html 表，其列数取决于用户将输入的变量。这是我很难工作的脚本的摘录。不幸的是，事实并非如此。

var nbrCofondateur = 5;
var nbrColonne = 2; 

function tabGenerateur()
{
 
while (nbrCofondateur>nbrColonne) {
 	
 $("#col1").clone().appendTo("#col1").parent(); 
$("#col2").clone().appendTo("#col2").parent(); 
 
 nbrColonne++; 
}

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid">
  <h1>Calculatrice d'équité</h1>
  <p>Remplissez ce formulaire pour déterminer quel pourcentage d'équité chacun des co-fondateurs de votre start-up devraient recevoir.</p>
</div>

<div class="container-fluid" class="deuximeFormulaire">
<form>
 <table id="myTable">
  <tr id="cofondateursListe" >
    <th></th>
    <th>Cf 1</th>
    <th id="col1">Cf 2</th>
  </tr>
  <tr>
    <td>Quel est le taux horaire que le co-fondateur pourrait exiger sur le marché du travail?</td>
     <td><input style="width:100%" type="number" id="q1-cf1"></td>
      <td id="col2"><input style="width:100%" type="number" id="q1-cf2"></td>
  </tr>
 
</table> 
 <button type="submit" class="Submit" onclick="tabGenerateur();">Soummettre</button>
</form>
</div>

Answer 1

$("button").click(function () {
  $("tr > :last-child").each(function () {
    var $this = $(this);
    $this.clone().appendTo($this.parent());
  });
});

table { width: 100%; table-layout: fixed; margin-bottom: .5em; }
table, tr, th, td { border: 1px solid; }
th:first-child { counter-reset: th, td; }
th { counter-increment: th; }
th:after { content: "Col " counter(th); }
td:first-child { counter-increment: td; }
td:after { content: "Row " counter(td); }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr><th>A <th>B </tr>
  <tr><td>C <td>D </tr>
  <tr><td>E <td>F </tr>
</table>

<button>Add column</button>