jQueryのJSONはテーブルデータコードを動的に取得します
/*双击展开关闭*/
関数 dbClick(obj) {
if($(obj).next().is(":hidden")) {
$(obj).next().show();
} その他 {
$(obj).next().hide();
}
};
$(function() {
$("#mainTable thead").next().empty();
var k = 0;
$.getJSON("収益.json", function(data) {
$.each(data, function(mainIndex, mainTable) {
/*收入单位*/
var mainTrObj = "<tr class='mainTr warning' ondblclick='dbClick(this)'><td>" + mainTable.incomeUnit + "</td><td>" + mainTable.firm + "</td><td>" + mainTable.number + "</td><td>" + mainTable.instructionType + "</td><td>" + mainTable.dept + "</td><td>" + mainTable.totalPrice + "</td></tr>";
$("#mainTable").append(mainTrObj);
/*支出单位表头*/
var haveChild = data[k].child.length;
if(haveChild == 0) {
var nullHead = "<tr><tdcolspan='5' align='center'>暂無数データ</td></tr>";
$("#mainTable").append(nullHead);
} その他 {
var smallTit = "<tr><tdcolspan='6'><table id='smallTable" + k + "' class='table-condensed table smallTable'><tr id='smallTr" + k + "' class='success'><td>支出計算单位</td><td>数量</td><td>支出价格</td><td>費用種類</td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支出单位遍历*/
var numnerSum = 0;
var 価格合計 = 0;
var unsettled = 0;
var child = data[k].child;
for(var j = 0; j < haveChild; j++) {
numnerSum = numnerSum + parseInt(child[j].number);
価格合計 = 価格合計 + parseFloat(child[j].price);
価格合計 = Math.round(価格合計 * 100) / 100;
unsettled = parseFloat(mainTable.totalPrice) - 価格合計;
unsettled = Math.round(unsettled * 100) / 100;
var smallTrObj = "<tr class='smallTr'><td>" + child[j].expendUnit + "</td><td>" + child[j].number + "</td><td>" + child[j].price + "</td><tdcolspan='2'>" + child[j].type + "</td></tr>";
$("#smallTr" + k).after(smallTrObj);
/*计算量、价格、未结费*/
}
/*小计行*/
var totalTrObj = "<tr class='danger'><td>小计</td><td>" + numnerSum + "</td><td>" +priceSum + "</td><td align='center'>未価格 " + 不安定 + "</td></tr>";
$("#smallTable" + k).append(totalTrObj);
console.log(priceSum);
console.log("未解決" + 未解決);
k++;
});
});
jQuery JSON 動的取得テーブルのデータコードは、jQuery 関数を使用して json テーブル動的にデータを取得する、テーブルがすべて折り畳まれている、すべてが折り畳まれている、二重テーブルが折り畳まれているテーブルです。
注: サービス务器が JSON をサポートしていないため、データデータが存在しません。このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
02 Nov 2024
PHP から jQuery AJAX 呼び出しに JSON を返す Web 開発の領域では、クライアントとサーバー間のリクエストと応答を効果的に処理します...
22 Dec 2024
jQuery と JavaScript を使用してイベント リスナーで要素の ID を取得するJavaScript でイベント インタラクションを効果的に処理するには、...
13 Jun 2016
PHP は、mysql.php をページングしてデータベース内のレコードを取得することで効率的にデータを取得します。これは私の個人的な経験を完全にまとめたものであり、参照のみを目的としています。 <?php/***PHP+MYSQL データベースの基本機能*http://blog.csdn.net/yown*/######################## ######################シーケンス ID の取得######################
11 Nov 2024
jQuery は .css() を使用してブラウザ プレフィックスを自動的に処理しますか?jQuery の .css() メソッドを使用すると、CSS プロパティを操作するプロセスが簡素化されます。しかし、...
16 Dec 2024
MySQL インデックスの内部動作を明らかにするMySQL インデックスは、書籍の文学的な対応物と同様に、効率的なデータにおいて重要な役割を果たします...
09 Nov 2024
jQuery で送信ボタンを無効または有効にする方法この記事では、Web 開発の一般的なタスクである動的制御について詳しく説明します。
17 Dec 2024
jQuery を使用したテキスト ノードの取得要素のすべての子孫テキスト ノードを jQuery コレクションとして取得するタスクは、課題を引き起こす可能性があります。その間...
21 Nov 2024
jQuery の .css() メソッドはベンダー プレフィックスを自動的に追加しますか?CSS プロパティを操作するときは、クロスブラウザーを考慮することが不可欠です。
13 Jun 2016
PHP Mysql jQuery は、情報の動的な表示を実装します。このサイトの前に、Weibo を公開する方法を紹介する記事があります。PHP Mysql jQuery は、Weibo を公開するプログラム - jQuery を実装します。この例は、そのデータベース構造に基づいており、動的に投稿を表示します。
ホットツール Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER