Wstawianie kolumny tabeli z jQuery

Question

Mam tabelę danych, które muszę dynamicznie dodać kolumnę do. Powiedzmy mam ten podstawowy tabeli na początek:

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

chciałbym wstawić kolumnę pomiędzy komórką 1 i 2 komórki w każdym rzędzie ... Próbowałem tego, ale to po prostu nie działa jak oczekuję ...

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

Answer 1

Spróbuj tego:

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

Twój oryginalny kod będzie dodać kolumnę na końcu każdego wiersza, a nie między kolumnami. Znajduje pierwszą kolumnę i dodaje komórkę obok pierwszej kolumny.

Answer 2

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

tr > td wybiera pierwszego poziomu td po tr i after wstawia dane na zewnątrz elementu.

Answer 3

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