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 select（私の場合は「pt_title」）を使用してクエリを簡略化することもできると思いますので、それをどのようにコーディングできるかについても言及してください。

前もって感謝します。

Answer 1

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