Insérer une colonne de table avec jQuery

Question

J'ai une table de données dont j'ai besoin pour ajouter dynamiquement une colonne. Disons que j'ai cette table de base pour commencer:

<table> 
<tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> 
<tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> 
<tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> 
</table> 

Je voudrais insérer une colonne entre 2 cellules 1 et cellule dans chaque rangée ... J'ai essayé cela, mais il ne fonctionne tout simplement comme Je me attends ...

$(document).ready(function(){ 
$('table').find('tr').each(function(){ 
    $(this).prepend('<td>cell 1a</td>'); 
}) 
}) 

Answer 1

Essayez ceci:

$(document).ready(function(){ 
    $('table').find('tr').each(function(){ 
     $(this).find('td').eq(0).after('<td>cell 1a</td>'); 
    }); 
}); 

Votre code original ajouter la colonne à la fin de chaque ligne, pas entre les deux colonnes. Ceci trouve la première colonne et ajoute la cellule à côté de la première colonne.

Answer 2

$('table > tr > td:first-child').after('<td>cell 1a</td>'); 

tr > td sélectionne le premier niveau td après une tr, et after insère des données à l'extérieur de l'élément.

Answer 3

$('td:first-child').after('<td>new cell</td>');