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

以下是我的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 select（在我的例子中是“pt_title”）简化查询，所以请说明如何对其进行编码

提前谢谢

找到了一个解决方案（使用CSS选择器）：

我仍然对另一个解决方案感兴趣，在这个解决方案中，你真的必须深入每个元素。我相信这在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');

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');