Ajout dynamique de lignes jQuery - (copie du code HTML existant)

Question

Je cherchais à ajouter dynamiquement des lignes à ma table HTML en utilisant jQuery avec la condition suivante.

La table a 9 colonnes, dont 1 colonnes a un bouton pour ajouter une nouvelle ligne. La nouvelle ligne ajoutée doit être ajoutée après la ligne actuelle et avoir les 7 premières colonnes vides, la 8ème colonne doit être une réplique exacte des lignes précédentes 8ème colonnes et la 9ème colonne doit avoir l'option d'ajouter une autre ligne/suppression de ligne (quelque chose comme +/- boutons).

Mon code HTML est comme suit:

<table id='contactInfo'> 
    <thead>...</thead> 
    <tbody> 
     <tr> 
      <td>...data for the first 7 columns..</td> 
      <td> 
       <input type="text" id="newContactComment<%=rCount %>" name="newContactComment" size="45"> 
       <br> 
       <input type="checkbox" id="commentText<%=rCount %>" name="commentText" value="<%=c.getComment_text() %>" class="consComment">&nbsp; 
       <%=c.getComment_text() %><br> 

Et le code jQuery est la suivante:

$("#contactInfo").each(function(){ 
    $("button.addCommentRow", this).live('click', function() { 
     var html = '<tr><td>..blanks for first 7 columns </td> <td>...what goes in here..??..</td> </tr>'; 
     var row = $(this).closest('tr'); // get the parent row of the clicked button 
     $(html).insertAfter(row); // insert content 
       ...code to delete the newly added row.. 

J'ai inclus la partie que je devenais confus au sujet de « ce qui se passe dans ici .. ?? .. '
Toutes les suggestions/idées seraient très appréciées.

Merci,
Pritish.

Answer 1

obtenir le contenu de la 8ème colonne de la ligne sélectionnée

var column_eight = row.find("td:nth-child(8)").html();