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

Question

我有一个变量，它是来自 dom 的一个节点。我已经设法一路下降到接近我想去的地方:

myvar.querySelector('.tblItinPriceSummary tr')

给我这个:

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

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

我可以在 querySelector 中添加什么，以便我可以将它附加到 .textContent 以获取这段数据吗？

Answer 1

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

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