Cómo seleccionar primera fila de la primera tabla en una página HTML usando jQuery?

Question

Supongamos que si tengo varias tablas en mi página HTML (sin su atributo 'id'), así que ¿cómo puedo seleccionar la primera fila de la primera tabla o cualquier tabla específica utilizando selectores de jQuery?

Answer 1

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

o

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

o

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

o

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

Así que si entiendo la pregunta de seguimiento ...

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

se traduce en: obtener alguna de TR en la tabla segunda de si el TR tiene una tercera tabla

o

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

Answer 2

Aunque no jQuery específica, me presentaron a dom selectores en este w3c selectors page. Es muy detallado pero está lleno de ejemplos intrincados.

Answer 3

Utilizando el método de jQuery eq() puede especificar el índice del elemento que desea obtener.
Esto seleccionará la primera fila de la segunda tabla que se encuentra en el DOM

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

Answer 4

$("tr:first"); 

Answer 5

Algo que puede utilizar para seleccionar la enésima fila en la tabla de orden n:

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

siendo n el índice basado en cero de la tabla o tr.

Ejemplo:

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

tiene la quinta fila de la tercera tabla. respuesta

Answer 6

@ de svinto es sin duda el camino más corto, más rápido y más fácil de lograr esto. Si usted es realmente de que se trate con el rendimiento (por ejemplo, la selección dentro de un complejo arbitraria de bucle), esto podría muy probablemente resultará ser un poco más rápido:

$('tr').eq(0) 

Si no es necesario utilizar solamentejQuery selectores y realmente requieren el elemento DOM <TR>, puede utilizar:

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

alternativa:

$('tr')[0]