使用 querySelector() 获取最后一个 td 元素
Using querySelector() to obtain last td element
我有一个变量,它是 dom 中的一个节点。我已经设法一路下降到接近我想去的地方:
myvar.querySelector('.tblItinPriceSummary tr')
给我这个:
<tr>
<td>Subtotal</td>
<td align="right">9.00</td>
</tr>
我要的是第二个td $189的textContent
我可以在 querySelector 中添加什么,以便我可以将它附加到 .textContent 以获取这条数据吗?
您可以使用 :last-child
or :last-of-type
访问父元素中的最后一个 td
元素。
document.querySelector('.tblItinPriceSummary tr td:last-child').textContent;
我有一个变量,它是 dom 中的一个节点。我已经设法一路下降到接近我想去的地方:
myvar.querySelector('.tblItinPriceSummary tr')
给我这个:
<tr>
<td>Subtotal</td>
<td align="right">9.00</td>
</tr>
我要的是第二个td $189的textContent
我可以在 querySelector 中添加什么,以便我可以将它附加到 .textContent 以获取这条数据吗?
您可以使用 :last-child
or :last-of-type
访问父元素中的最后一个 td
元素。
document.querySelector('.tblItinPriceSummary tr td:last-child').textContent;