Utilizzo di querySelector() per ottenere l'ultimo elemento td

Question

Ho una variabile che è un nodo dal dom. Sono riuscito a ottenere tutta la strada fino al vicino a dove voglio essere:

myvar.querySelector('.tblItinPriceSummary tr') 

mi dà questo:

<tr> 
    <td>Subtotal</td> 
    <td align="right">$189.00</td> 
</tr> 

Quello che voglio è la textContent del secondo TD $ 189.

C'è qualcosa che posso aggiungere all'interno di querySelector in modo che possa accodarlo con .textContent per ottenere questo pezzo di dati?

Answer 1

È possibile utilizzare :last-child o :last-of-type per accedere all'ultimo elemento td all'interno del genitore.

document.querySelector('.tblItinPriceSummary tr td:last-child').textContent;