Sélectionnez toutes les cellules de la nième colonne avec jQuery

Comment puis-je sélectionner toutes les cellules de la nième colonne d'un tableau html. J'ai essayé mais sa ne marche pas:

    $('table#foo tbody td:nth-child(3)').each(function (index) {
        $(this).addClass('hover');
    });

Mise à JOUR:
Heres un jsfiddle de la unworking code: http://jsfiddle.net/Claudius/D5KMq/

Avez-vous un exemple de l'annotation, en jsfiddle.net par exemple?
fonctionne pour moi ... jsfiddle.net/cefb7
moi aussi: jsfiddle.net/alnitak/XWyAn
Heres un jsfiddle: jsfiddle.net/Claudius/D5KMq
Désolé j'ai oublié d'inclure jquery, voici une mise à jour qui semble fonctionner jsfiddle.net/Claudius/D5KMq/2

OriginalL'auteur Muleskinner | 2011-10-19

  1. 10

    Il n'est pas nécessaire d'utiliser each pour cela.

    $('table#foo tbody td:nth-child(3)').addClass('hover');

    Autre que cela, il n'y a rien de mal avec votre code. Le problème doit être ailleurs.

    OriginalL'auteur fearofawhackplanet

  2. 6

    Votre problème réel (pas évident dans la question d'origine, mais il y en coulisse), c'est que .index() retourne à zéro la valeur de base, mais :nth-child() nécessite un une base de valeur.

    OriginalL'auteur Alnitak

  3. 0
    $('table#foo tbody td:nth-child(3)').addClass('hover');

    L'utilisation de ce script (attirons votre attention que avec :nth-child sélecteur index de chaque enfant de match, en commençant par 1)

    $(".legendvalue", ".stmatst_legends").hover(function() {
    var index = $('.legendvalue').index($(this));

    $('table#stmstat tbody td:nth-child(' + (index + 1) + ')').addClass('hover');


}, function() {
    //remove hover
});

    OriginalL'auteur Yuriy Rozhovetskiy