javascript – 使用querySelector()获取最后一个td元素

我有一个变量,它是dom的一个节点.我已经设法一路走到接近我想要的地方：

myvar.querySelector('.tblItinPriceSummary tr')

给我这个：

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

我想要的是第二个td $189的textContent.

我可以在querySelector中添加任何内容,以便我可以使用.textContent附加它来获取这段数据吗？

解决方法

您可以使用 :last-child或 :last-of-type访问父级中的最后一个td元素.

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