jQuery

2009-10-31 11 views
13
ile bir tablo sütunu ekleme

Dinamik olarak bir sütun eklemem gereken bir veri tablom var. Ile başlamak bu temel tablo var Diyelim: Ben her satırda hücreye 1 ve hücrenin 2 arasında bir sütun eklemek istiyorumjQuery

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

... Bu denedim ama sadece gibi çalışmıyor Ben

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

cevap

27

bu deneyin ... bekliyoruz:

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

orijinal kod değil kolonları arasındaki, her satırın sonuna sütun eklemek istiyorum. Bu, ilk sütunu bulur ve ilk sütunun yanındaki hücreyi ekler.

+0

Güzel sayesinde bu ... * kafa * Ben hücre için bakmalıydım smacks! Mükemmel çalıştı ve sonra yerleştirdi. Gerçekten biraz kafeine ihtiyacım var LOL – Mottie

+0

Ben gerçekten td: eq (0) 'kullanarak bitti çünkü bir sütun daha sonra o zaman 3 sütun ile bir tablonun ortasına eklemek gerektiğinde zaman olacak, o zaman tüm ihtiyacım var değişkeni değiştirmek ... yardım için tekrar teşekkürler! – Mottie

+0

Bu daha iyi bir fikir. Cevabımı da dahil etmek için değiştirdim. –

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

tr > td bir tr sonra ilk düzey td seçer ve elemanının dışına after uçlar verileri.

+0

Bunu denedim denedim ve işe yaramadı, ama yine de teşekkürler – Mottie

+2

Bu işe yaramaz çünkü çoğu olmasa da, tarayıcılar tüm satırları bir "" etiketinin etrafına saracaklar, böylece seçicinin "tablo" olması gerekecekti > tbody> tr> td: ilk çocuk '. Tabii ki jQuery büyük bir masadaki tüm hücreleri almak için çok fazla filtreleme yapmak zorunda kalacaktır. –

0
$('td:first-child').after('&lt;td&gt;new cell&lt;/td&gt;');