JavaScript

JavaScript のオブジェクトの中身を表示する jQueryプラグイン

2010-04-04
2分で読了
更新: 2025-12-14

目次

いや、全然大したものではないのですが、自分が JavaScript のオブジェクトの中身を見たい時に、たまに使っているコードを jQuery のプラグインの形にしてみました。

コードは次のとおりです。

$.fn.extend({
 printObj: function(obj, objStr) {
 var objName = $('
').text(objStr).css({'fontWeight': 'bold', 'fontSize': '120%'});
 var props = $('
');
 for (var prop in obj){
 $(props).append('
' + prop + '
' + obj[prop] + '
');
 }
 $(this).append(objName).append(props);
 }
});

jQuery とこのプラグインを読み込んで、オブジェクトを表示させたい要素に対して次のように書けばOKです。

$(セレクター).printObj(オブジェクト変数, 'オブジェクト変数');

例えば、

この記事をシェア

関連記事