如何使用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 select（在我的情况下'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');