デザインやスクリプトの都合で、ページ内で使用しているID名を確認したいときがあります。

このサンプルは、jQueryを利用して、確認したいページを外部htmlとしてloadして、div要素の数をカウントし、ID名を取り出します。

input欄にチェックしたいページのURLを入力し、「外部htmlをload」ボタンをクリックします。外部htmlが下側のピンクのボーダー内に読み込まれます。その状態で、「loadしたページのdiv要素を調査」ボタンをクリックすると、div要素を調査します。
結果は、div要素の総数を赤い文字で表示し、その下にdivに使用しているID名を書き出します。

なお、loadするページ（確認したいページ）は、ローカル内を想定しています。