internet-explorer-9 - IE9: jQuery オブジェクトのロギング

Question

Google Chrome では、jQuery オブジェクトをログに記録すると、コンソールにさまざまな DOM 要素を含む配列が表示されます。コンソールで DOM 要素にカーソルを合わせると、それらがブラウザー ウィンドウで強調表示されます。

IE9 では、jQuery 要素をログに記録すると、単純に[object Object].

jQuery オブジェクトをログに記録するときに IE9 をより便利にするにはどうすればよいですか?

Answer 1

理想的ではありませんが、組み込み関数よりも役立ちます

var obj = $("div#myTestDIV");

log(obj);

function log(o, level)
{
    level = level || 1;
    var str = '';
    for (var i = 0; i < level; i++)
    {
        str += '  ';
    }

    for (var p in o)
    {
        if (typeof o[p] == 'function')
        {
            try
            {
                console.log(str + p + ": " + o[p]());
            }
            catch(e){}
        }
        else if (typeof o[p] == 'object')
        {
            log(o[p], level + 1)
        }
        else
        {
            try
            {
                console.log(str + p + ": " + o[p]);
            }
            catch(e){}
        }
    }

}