sélecteur jQuery $('table td:eq(2) a') obtenir de la cellule de la première ligne

$('table td:eq(2) a') retour de la a tag de la troisième colonne, mais seulement à partir de la première ligne.

Pourquoi?

OriginalL'auteur Fitzchak Yitzchaki | 2010-02-04

  1. 6

    Il n'est pas un bug, mais il est certainement source de confusion. Ce qui vous donnera le résultat que vous attendez est:

    $('table td:nth-child(3) a')

    Tout :nth-child et :eq semble très similaire, le comportement peut être très différente, comme le montre le résultat que vous attendiez.

    Le jQuery documentation sur ce qui peut être trouvé ici.
    Il déclare:

    L' :nth-child(n) pseudo-classe est facilement confondu avec :eq(n), même si les deux peuvent considérablement différents éléments qui correspondent. Avec :nth-child(n), tous les enfants sont comptés, indépendamment de ce qu'ils sont, et l'élément spécifié est sélectionné seulement si elle correspond au sélecteur attaché à la pseudo-classe. Avec :eq(n) seulement le sélecteur attaché à la pseudo-classe est compté, ne se limite pas à des enfants de tout autre élément, et le n-ième est sélectionné.

    En termes plus simples, eq(2) sélectionnez le troisième élément dans l'ensemble de résultats tout :nth-child(3) sélectionnez le 3 enfant de son parent. Et dans ce cas, le parent sera son tr.

    Je pense que cela peut être mauvais, pensez quand il y a 5 colonnes sur chaque ligne. "table td:nth-child(3)" il choisit la troisième colonne dans la première ligne et la première colonne de la deuxième ligne...
    vous dites ":nth-child(3) sélectionnez le 3 enfant de son parent. Et dans ce cas, le parent sera son tr." si cela est vrai, comment puis-je faire de même avec la table en tant que parent?

    OriginalL'auteur Matthew Manela

  2. 3

    Non, ce n'est pas un bug. Elle correspond à la balise d'ancrage dans le troisième élément de l'ensemble compensée par table td, il est dans la troisième cellule de la table.

    (Si la table a seulement deux cellules de large, vous obtenez la première cellule de la deuxième ligne.)

    C'est OK. mais Pourquoi la troisième cellule de la deuxième ligne ne comprend pas?
    comme Guffa expliqué, table td obtenir TOUS les éléments td dans le tableau. Puis eq(2) sélectionne le 2ème à partir de la totalité de l'ensemble.
    merci!

    OriginalL'auteur Guffa

  3. 2

    En mot simple,

    En fonction de votre code $('table td:eq(2)') retourne troisième td dans table comme strting à partir de l'index=0, il ira chercher la troisième td voir ci-dessous

    sélecteur jQuery $('table td:eq(2) a') obtenir de la cellule de la première ligne

    pour $('table td:eq(4)') résultat serait la cinquième td de la table voir ci-dessous

    sélecteur jQuery $('table td:eq(2) a') obtenir de la cellule de la première ligne

    pour sélectionner toute la seconde colonne d'utilisation :nth-child() index commence à partir de 1

    ex: $('table td:nth-child(2)')

    sélecteur jQuery $('table td:eq(2) a') obtenir de la cellule de la première ligne

    J'espère que vous aurez votre réponse.

    OriginalL'auteur BrainCoder

  4. 0

    $('table td:eq(2)') sélectionner toutes les 'table td', et l'indice eq(2) sera sélectionnez la troisième td de cette collection. donc, il y a juste un a en vertu de la troisième colonne.

    OriginalL'auteur Mohammad Ali Akbari