jQuery を使用して JSON 配列から HTML テーブルを作成する
jQuery で JSON オブジェクト配列を HTML テーブルに変換する効率的な方法について疑問に思っていませんか?もう探す必要はありません。
jQuery は、必要に応じて特定のフィールドを除外して、このタスクを自動化する便利なソリューションを提供します。
JSON を HTML テーブルに変換する手順
特定のフィールドの除外
から特定のフィールドを簡単に除外できます。各フィールド キーが、期待されるキーを含むオブジェクト内に存在するかどうかを確認することによって生成されたテーブル。キーが存在し、 false に設定されている場合は、対応するフィールドをテーブルから除外します。
コード例
$.getJSON(url , function(data) {
var tbl_body = "";
var odd_even = false;
$.each(data, function() {
var tbl_row = "";
$.each(this, function(k , v) {
tbl_row += ""+v+" ";
});
tbl_body += ""+tbl_row+" ";
odd_even = !odd_even;
});
$("#target_table_id tbody").html(tbl_body);
});このコード サンプルは、JSON 配列データを次のように変換します。可読性を高めるために「奇数」行クラスと「偶数」行クラスを交互に持つテーブル。特定の要件を満たすために自由に変更したりカスタマイズしたりできます。
以上がjQuery を使用して JSON 配列を HTML テーブルに効率的に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ソース:php.cn
前の記事:IE8 で addEventListener が機能しない理由とその修正方法
次の記事:Chrome DevTools を使用して、Web ページ要素で発生する特定のイベントを監視するにはどうすればよいですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません
Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2081
Google Chromeのモバイル版を表示する方法
こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2245
親ウィンドウには出力がありません
document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1770
関連トピック
詳細>