dom - 如何使用 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');