Sélectionnez le premier TD de chaque ligne avec jQuery

Question

Comment attribuer un style à chaque première cellule de chaque ligne d'un tableau?

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

Answer 1

Utiliser l' :first-child pseudo classe au lieu de :first.

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

L' :first pseudo classe sélectionne le premier élément qui était retourné dans votre liste. Par exemple, $('div span:first') reviendrait seule la première travée sous le premier div qui est arrivé à être retourné.

L' :first-child pseudo classe sélectionne le premier élément en vertu d'un parent, mais renvoie autant d'éléments qu'il y a d'abord les enfants. Par exemple, $('table tr td:first-child') renvoie la première cellule de chaque ligne unique.

Lorsque vous avez utilisé :first, il était de retour seulement la première cellule de la première ligne qui est arrivé à être sélectionné.

Pour plus d'informations, consulter la documentation de jQuery:

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

Answer 2

vous étiez assez proches, je pense que tout ce dont vous avez besoin est :first-child au lieu de :first , donc quelque chose comme ceci:

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

Answer 3

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

Answer 4

comme ça:

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

Answer 5

Essayer:

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