jQueryのオブジェクトをダンプして情報を見たい

動きの確認やデバッグ作業などで、jQueryオブジェクトがその時々でどのような情報を
もっているのか確認したい場合があります。

そこで活躍するのが jquery.dump.js です。
このプラグインを使用することにより、簡単に指定したオブジェクトのダンプを
採取することができます。

公式は以下みたいなのですが、プラグインが見当たらずダウンロードできませんでした。

http://archive.plugins.jquery.com/project/Dump

他を探していると以下にソースがあったので、これをコピーして”jquery.dump.js”という
名前で保存して使用してください。

http://code.google.com/p/sators-status-board/source/browse/trunk/statusboard/jquery.dump.js?r=2

使用方法は簡単で、上記プラグインを読み込み、dump表示させたいオブジェクトに
dump()メソッドを適用すればOKです。

以下はクリックされたdivタグのダンプをalert()で表示するサンプルです。







$(function(){
    $('#widget').click(function(){
        // $("#dump").append($(this).dump());
        alert($(this).dump());
    });
});



テスト
テスト

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>