Einfügen einer Tabellenspalte mit jQuery

Question

Ich habe eine Tabelle von Daten, die ich dynamisch zu einer Spalte hinzufügen muss. Lets sagen, dass ich diese grundlegende Tabelle mit zu beginnen haben:

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

würde ich eine Spalte zwischen Zelle 1 und Zelle 2 in jeder Zeile einfügen möchte ... Ich habe dies versucht, aber es funktioniert einfach nicht wie ich erwarte, dass ...

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

Answer 1

Try this:

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

Ihr ursprünglicher Code würde die Säule am Ende jeder Zeile hinzufügen, nicht in zwischen den Spalten. Dies findet die erste Spalte und fügt die Zelle neben der ersten Spalte hinzu.

Answer 2

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

tr > td wählt die erste Ebene nach einer tdtr und after fügt Daten außerhalb des Elements.

Answer 3

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