如何使用CSS3/XPath在ExtJS中遍歷DOM？

Question

這裏是我的樣本HTML：

我想修改突出顯示的div來「新標題」的內容。

這裏是我當前的代碼：

var divTitle = Ext.select('div[id="main_form"]/table/tbody/tr[1]/td/table/tbody/tr[1]/td/div/div[2]/div'); 

看來，這是行不通的。我從使用Chrome瀏覽器並複製XPath中獲得了這一點。有人可以幫忙或指導我嗎？

此外，我相信你也可以簡化查詢使用CSS選擇（在我的情況'pt_title'），所以請提及如何可以編碼。

在此先感謝。

Answer 1

找到一個解決方案（使用CSS選擇器）：

var divTitle = Ext.select('#main_form div.pt_title'); 

我仍然有興趣在其他的解決辦法，其中，你真的要每個元素下去。我相信這是相當於jQuery：

var divTitle = $('#main_form > table > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(1) > td > div > div:nth-child(2) > div'); 
divTitle.update('New Title');