使用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;