Seleccione el primer TD en cada fila con jQuery

Question

¿Cómo asigno un estilo a cada primera celda de cada fila en una tabla?

$("#myTable tr td:first").addClass("black"); 

Answer 1

Utilice la clase :first-child seudo en lugar de :first.

$("#myTable tr td:first-child").addClass("black"); 

La clase de pseudo realidad :first selecciona el primer elemento que fue devuelto en su lista. Por ejemplo, $('div span:first') devolvería solo el primer tramo bajo el primer div que se devolvió.

La clase pseudo class :first-child selecciona el primer elemento bajo un elemento principal en particular, pero devuelve tantos elementos como primeros elementos secundarios. Por ejemplo, $('table tr td:first-child') devuelve la primera celda de cada fila.

Cuando usó :first, devolvió solo la primera celda de la primera fila que se seleccionó.

Para obtener más información, consulte la documentación de jQuery:

• http://api.jquery.com/first-selector/
• http://api.jquery.com/first-child-selector/

Answer 2

así:

$("#myTable tr").each(function(){ 
    $(this).find('td:eq(0)').addClass("black"); 
}); 

Answer 3

que estaba muy cerca, creo que todo lo que necesita es :first-child en lugar de :first, así que algo como esto:

$("#myTable tr td:first-child").addClass("black"); 

Answer 4

Probar:

$("#myTable td:first-child").addClass("black"); 

Answer 5

$("#myTable tr").find("td:first").addClass("black");