Verwenden von querySelector(), um das letzte td-Element zu erhalten

Question

Ich habe eine Variable, die ein Knoten aus dem Dom ist. Ich habe es geschafft, den ganzen Weg, sich an zu schließen, wo ich sein möchte:

myvar.querySelector('.tblItinPriceSummary tr') 

gibt mir diese:

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

Was ich will, ist die textcontent des zweiten td 189 $.

Gibt es etwas, das ich innerhalb von querySelector hinzufügen kann, damit ich es mit .textContent anhängen kann, um diese Daten zu bekommen?

Answer 1

Sie können entweder :last-child oder :last-of-type verwenden, um auf das letzte td Element im übergeordneten Element zuzugreifen.

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