2010-10-13 27 views
6

böyle gibidir:her tablo satırını ilk TD sınıf eklemek için ben o ile çalışıyorum bir tablo var

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tablecontent"> 
    <tr class="tablerow"> 
    <td>This is the td I want to add a class to.</td> 
    <td class="cell2">Stuff</td> 
    <td class="cell3">Stuff</td> 
    </tr> 
    <tr class="tablerow"> 
    <td>This is the td I want to add a class to.</td> 
    <td class="cell2">Stuff</td> 
    <td class="cell3">Stuff</td> 
    </tr> 
</table> 

her satırdaki ilk TD etiketi bir sınıf veya kimliği yok birlikte çalışmak. HTML çıktısını değiştirmek için erişimim yok, bu yüzden her bir masanın ilk TD etiketini hedeflemek için bir jQuery biraz eklemek düşündüm. Bunu nasıl yapardım?

cevap

11
$('#tablecontent td:first-child').addClass('someClass'); 

Bu onların ebeveyn bir first-child olan #tablecontent tablodaki tüm <td> unsurları seçmek için the first-child selector kullanan bu sorunu :) çözecektir jQuery

altına
$('.tablerow').each(function(index) { 
    $(this).children('td').first().addClass('class'); 
}); 

deneyebilirsiniz .

Örnek:http://jsfiddle.net/duKKC/

+0

Muhteşem. Bu mükemmel çalıştı. Teşekkürler! –

+0

@Robert - Rica ederim. :O) – user113716

0
$(".tablerow").find("td:first-child").addClass('class'); 
0

Aşağıdaki çalışma olduğuna inanıyorum:

$('.tablerow td:first-child').addClass('class'); 
0
$('#tablecontent td:first-child').addClass("first-row"); 
İlgili konular