Come selezionare la prima riga della prima tabella in una pagina html usando jQuery?

Question

Supponiamo che io abbia più tabelle nella mia pagina HTML (senza il loro attributo 'id'), quindi come posso selezionare la prima riga della prima tabella o qualsiasi tabella specifica usando i selettori 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) 

Quindi, se ho capito la domanda ... follow

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

si traduce in: ottenere qualsiasi TR di nella seconda tavola di se il TR ha un terzo tavolo

o

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

Answer 2

Anche se non jQuery specifico, fui presentato a dom selettori a questo w3c selectors page. È molto dettagliato ma ricco di esempi complessi.

Answer 3

Utilizzando il metodo eq() di jQuery è possibile specificare l'indice dell'elemento che si desidera ottenere.
Questo selezionerà la prima riga della seconda tabella trovata nel DOM

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

Answer 4

$("tr:first"); 

Answer 5

Qualcosa che si può utilizzare per selezionare la riga n-esima nella tabella n-esima:

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

con n benessere l'indice a base zero della tabella o tr.

Esempio:

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

ottiene il 5 ° fila del 3 ° tavolo.

Answer 6

La risposta di @ svinto è sicuramente il modo più breve, più rapido e semplice per raggiungere questo obiettivo. Se siete veramente occupa di prestazioni (ad esempio, selezionando all'interno di un complesso arbitrario per loop), questo potrebbe molto probabilmente rivelarsi un tantino più veloce:

$('tr').eq(0) 

Se non si desidera utilizzare solojQuery selettori e in realtà richiedono l'elemento DOM <TR>, è possibile utilizzare:

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

alternativa:

$('tr')[0]