ホームページ JS特殊効果 jQueryの効果 jQueryのJSONはテーブルデータコードを動的に取得します

jQueryのJSONはテーブルデータコードを動的に取得します

jQueryのJSONはテーブルデータコードを動的に取得します

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

関連記事

jQuery AJAX を使用して PHP から JSON を取得すると「セレクターがアクティブ化されました」エラーが発生するのはなぜですか? jQuery AJAX を使用して PHP から JSON を取得すると「セレクターがアクティブ化されました」エラーが発生するのはなぜですか?

02 Nov 2024

PHP から jQuery AJAX 呼び出しに JSON を返す Web 開発の領域では、クライアントとサーバー間のリクエストと応答を効果的に処理します...

jQuery と JavaScript を使用してイベント リスナーから要素の ID を取得するにはどうすればよいですか? jQuery と JavaScript を使用してイベント リスナーから要素の ID を取得するにはどうすればよいですか?

22 Dec 2024

jQuery と JavaScript を使用してイベント リスナーで要素の ID を取得するJavaScript でイベント インタラクションを効果的に処理するには、...

PHP はデータのページネーションを効率的に取得します PHP はデータのページネーションを効率的に取得します

13 Jun 2016

PHP は、mysql.php をページングしてデータベース内のレコードを取得することで効率的にデータを取得します。これは私の個人的な経験を完全にまとめたものであり、参照のみを目的としています。 <?php/***PHP+MYSQL データベースの基本機能*http://blog.csdn.net/yown*/######################## ######################シーケンス ID の取得######################

jQuery の .css() はブラウザのプレフィックスを自動的に処理しますか? jQuery の .css() はブラウザのプレフィックスを自動的に処理しますか?

11 Nov 2024

jQuery は .css() を使用してブラウザ プレフィックスを自動的に処理しますか?jQuery の .css() メソッドを使用すると、CSS プロパティを操作するプロセスが簡素化されます。しかし、...

MySQL インデックスはどのようにしてデータ取得を高速化しますか? MySQL インデックスはどのようにしてデータ取得を高速化しますか?

16 Dec 2024

MySQL インデックスの内部動作を明らかにするMySQL インデックスは、書籍の文学的な対応物と同様に、効率的なデータにおいて重要な役割を果たします...

jQueryを使用して送信ボタンの状態を動的に制御する方法は? jQueryを使用して送信ボタンの状態を動的に制御する方法は?

09 Nov 2024

jQuery で送信ボタンを無効または有効にする方法この記事では、Web 開発の一般的なタスクである動的制御について詳しく説明します。

jQuery または非 jQuery アプローチを使用して、要素のすべての子孫テキスト ノードを効率的に取得するにはどうすればよいですか? jQuery または非 jQuery アプローチを使用して、要素のすべての子孫テキスト ノードを効率的に取得するにはどうすればよいですか?

17 Dec 2024

jQuery を使用したテキスト ノードの取得要素のすべての子孫テキスト ノードを jQuery コレクションとして取得するタスクは、課題を引き起こす可能性があります。その間...

jQuery の .css() メソッドはベンダー プレフィックスを自動的に追加しますか? jQuery の .css() メソッドはベンダー プレフィックスを自動的に追加しますか?

21 Nov 2024

jQuery の .css() メソッドはベンダー プレフィックスを自動的に追加しますか?CSS プロパティを操作するときは、クロスブラウザーを考慮することが不可欠です。

PHP Mysql jQuery は情報の動的な表示を実装します PHP Mysql jQuery は情報の動的な表示を実装します

13 Jun 2016

PHP Mysql jQuery は、情報の動的な表示を実装します。このサイトの前に、Weibo を公開する方法を紹介する記事があります。PHP Mysql jQuery は、Weibo を公開するプログラム - jQuery を実装します。この例は、そのデータベース構造に基づいており、動的に投稿を表示します。

See all articles See all articles

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果

520 バレンタインデーの告白 Web アニメーション特殊効果

jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ

クールシステムのログインページ

クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER