Partage
  • Partager sur Facebook
  • Partager sur Twitter

[jQuery] Séléctionner le 1er td de chaque tr

ou 1 td défini

Sujet résolu
    6 novembre 2010 à 12:27:36

    Bonjour,

    J'ai un tableau, voici un extrait :
    <table class="summary">
    <tr>
    	<th></th>
    	<th></th>
    	<th></th>
    	<th></th>
    </tr>
    <tr>
    	<td></td>
    	<td></td>
    	<td></td>
    	<td></td>
    </tr>
    <tr>
    	<td></td>
    	<td></td>
    	<td></td>
    	<td></td>
    </tr>
    </table>
    


    Je l'ai vidé volontairement, nul besoin des données.
    J'aimerais appliquer une class sur le premier <td> de chaque <tr>.

    En fouillant un peu je me suis retrouvé avec ce code :

    $('.summary').each(function() {
    	$('td:first', this).addClass('fix_cell');
    });
    


    Malheureusement il me sélectionne seulement le premier <td> du tableau, et pas les autres.

    Quelqu'un aurait-il une idée ?

    Question additionnelle : comment sélectionner le 2ème <td> de chaque <tr> ? Avec eq(1) non ?

    Merci d'avance. :)
    • Partager sur Facebook
    • Partager sur Twitter
    Anonyme
      6 novembre 2010 à 13:11:57

      Non, il faut utiliser le sélecteur nth-child. Avec ça, tu n'aura même pas besoin d'utiliser each :
      $('.summary td:nth-child(1)').addClass('fix_cell');
      
      • Partager sur Facebook
      • Partager sur Twitter

      [jQuery] Séléctionner le 1er td de chaque tr

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown