jQuery et Table, saisissez chaque cellule dans la colonne NTH

Permet de dire que j'ai de votre table de base de mise en page (comme ci-dessous). Comment je prends chaque NIÈME cellule? En gros, je veux ajouter une classe css pour les cellules de la colonne N.

Donc si je veux que toutes les cellules dans la colonne 2, je veux avoir un jQuery obj qui contiennent des cellules qui sont marqués:

<table>
    <tr class="trow">
        <td></td>
        <td></td> <!-- included -->
        <td></td>
    </tr>
    <tr class="trow">
        <td></td>
        <td></td> <!-- included -->
        <td></td>
    </tr>
    <tr class="trow">
        <td></td>
        <td></td> <!-- included -->
        <td></td>
    </tr>
</table>

source d'informationauteur Jon Erickson

  1. 28

    Essayer le jQuery nième sélecteur de Cellules... Doit être là!

    $("table tr td:nth-child(n)").addClass("MyGreatClass");
  2. 5

    nième Sélecteur

    $('table>tbody>tr>td:nth-child(2)').addClass('someClass');
  3. 0

    Il y a beaucoup de façons de le faire. Le meilleur moyen dépend de la façon dont le tableau est généré et ce que vous ferez avec les cellules en javascript/JQuery.

    Vous pouvez ajouter un id à chaque cellule, quelque chose comme la "cellule-ligne-col". Cela vous permet de saisir n'importe quelle cellule via document.getElementByID().