[解決済み】Chromeデベロッパーツールの==$0（ダブルイコール ドルゼロ）の意味とは？

質問

Google Chromeのデベロッパーツールで、ある要素を選択すると ==$0 を選択した要素の横に表示します。これはどういう意味でしょうか？

解決方法は？

最後に選択されたDOMノードのインデックスです。Chromeは、選択したDOMノードにインデックスを割り当てます。そのため $0 は常に最後に選択したノードを指し、一方 $1 は、その前に選択したノードを指します。これは、最近選択したノードのスタックのようなものだと考えてください。

例として、以下を考えてみましょう。

<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>

ここで、devtoolsのコンソールを開き、以下の項目を選択しました。 #sunday , #monday と #tuesday のようなidを取得します。

$0 -> <div id="tuesday"></div> 
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>

注 ノードがスクリプト（またはコンソール）で選択可能であることを知っておくと便利かもしれません。例えば、よく使われるのはangular element selectorで、ノードを選択してこれを実行するだけです。

angular.element($0).scope()

これで、コンソールからノードスコープにアクセスできるようになりました。