Comment sélectionner la première ligne de la première table dans une page HTML en utilisant jQuery?

Question

Supposons que si j'ai plusieurs tables dans ma page HTML (sans leur attribut 'id'), alors comment puis-je sélectionner la première ligne de la première table ou une table spécifique en utilisant des sélecteurs jQuery?

Answer 1

$("table:first > tr:first") 

ou

$("table:first").find("tr:first") 

ou

$("table:first").children("tr:first") 

ou

$("table").eq(0).children("tr").eq(0) 

Donc, si je comprends la question ...

suivi

$("table:eq(1) tr:has(table:eq(2))") 

se traduit par: obtenir toutes les années tr dans de la 2ème table si le tr a une 3ème tableau

ou

$("table").eq(1).children("tr:has(table:eq(2))") 

Answer 2

Bien que pas jQuery spécifique, j'ai été présenté à dom sélecteurs à ce w3c selectors page. C'est très détaillé mais plein d'exemples complexes.

Answer 3

En utilisant la méthode eq() de jQuery, vous pouvez spécifier l'index de l'élément que vous voulez obtenir.
Cela permet de sélectionner la première ligne de la deuxième table trouvée dans les DOM

$('table:eq(1) tr:first') 

Answer 4

$("tr:first"); 

Answer 5

Quelque chose que vous pouvez utiliser pour sélectionner la nième ligne dans la n-ième table:

$("table:eq(n) tr:eq(n)") 

avec n l'indice zéro de la table ou tr.

Exemple:

$("table:eq(2) tr:eq(4)") 

obtient la 5ème ligne de la 3ème table.

Answer 6

La réponse de svinto est certainement la façon la plus rapide, la plus rapide et la plus facile d'y parvenir. Si vous êtes vraiment concernés par la performance (par exemple la sélection au sein d'un complexe arbitraire boucle), cela pourrait se révéler le plus susceptible d'être un peu plus rapide:

$('tr').eq(0) 

Si vous ne devez pas utiliser seulement jQuery sélecteurs et nécessitent en fait l'élément DOM <TR>, vous pouvez utiliser:

$('table')[0].rows[0] 

Autre possibilité:

$('tr')[0]