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

Question

我有一个变量，它是来自dom的一个节点。我已经一路走到了我想去的地方：

myvar.querySelector('.tblItinPriceSummary tr')

给我这个：

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

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

我可以在querySelector中添加什么吗？这样我就可以用.textContent附加它来获取这段数据了？

Answer 1

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

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