Inserimento di una colonna di tabella con jQuery

Question

Ho una tabella di dati di cui ho bisogno per aggiungere dinamicamente una colonna a. Diciamo che ho questa tabella di base per iniziare con:

<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> 

vorrei inserire una colonna tra la cella 1 e la cella 2 in ogni riga ... Ho provato questo, ma semplicemente non sta funzionando come mi aspetto ...

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

Answer 1

Prova questa:

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

il codice originale sarebbe aggiungere la colonna alla fine di ogni riga, non in tra le colonne. Questo trova la prima colonna e aggiunge la cella accanto alla prima colonna.

Answer 2

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

tr > td seleziona il primo livello td dopo un tr e after inserisce i dati all'esterno dell'elemento.

Answer 3

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