Usando jQuery para agregar la clase a primera TD en cada fila de la tabla

Question

Tengo una tabla que estoy trabajando con eso es como tal:

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

La primera etiqueta TD en cada fila no tiene una clase o ID trabajar con. No tengo acceso para cambiar el resultado HTML, así que pensé en agregar un poco de jQuery para apuntar a la primera etiqueta TD de cada mesa. ¿Cómo haría esto?

Answer 1

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

Este utiliza the first-child selector para seleccionar todos los <td> elementos en la tabla #tablecontent que son un first-child de su padre .

Ejemplo:http://jsfiddle.net/duKKC/

Answer 2

Usted puede intentar el siguiente jQuery

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

Esto va a resolver su problema :)

Answer 3

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

Answer 4

creo que el siguiente funcionaría:

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

Answer 5

$('#tablecontent td:first-child').addClass("first-row");