Rumah Kesan khas JS kesan jQuery JSON jQuery secara dinamik memperoleh kod data jadual

JSON jQuery secara dinamik memperoleh kod data jadual

JSON jQuery secara dinamik memperoleh kod data jadual

JSON jQuery secara dinamik memperoleh kod data jadual

/*双击展开关闭*/
fungsi dbClick(obj) {
if($(obj).next().is(":tersembunyi")) {
$(obj).next().show();
} lain {
$(obj).next().hide();
}
};
$(fungsi() {
$("#mainTable thead").next().kosong();
var k = 0;
$.getJSON("revenue.json", function(data) {
$.each(data, fungsi(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;
jika(mempunyai Anak == 0) {
var nullHead = "<tr><td colspan='5' align='center'>暂无数据</td></tr>";
$("#mainTable").append(nullHead);
} lain {
var smallTit = "<tr><td colspan='6'><table id='smallTable" + k + "' class='table-condensed table smallTable'><tr id='smallTr" + k + "' class='success'><td>支出结算单位</td><td>数量</td><td>支出;<td>支出;用类型</td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支出单位遍历*/
var numnerSum = 0;
var priceSum = 0;
var tidak diselesaikan = 0;
var child = data[k].kanak-kanak;
for(var j = 0; j < haveChild; j++) {
numnerSum = numnerSum + parseInt(anak[j].nombor);
priceSum = priceSum + parseFloat(anak[j].price);
priceSum = Math.round(priceSum * 100) / 100;
tidak diselesaikan = parseFloat(mainTable.totalPrice) - priceSum;
tidak settle = Math.round(unsettled * 100) / 100;
var smallTrObj = "<tr class='smallTr'><td>" + child[j].expendUnit + "</td><td>" + anak[j].nombor + "</td><td>" + child[j].price + "</td><td colspan='2'>" + child[j].type + "</td></tr>";
$("#smallTr" + k).selepas(smallTrObj);
/*计算数量、价格、未结费*/
}
/*小计行*/
var totalTrObj = "<tr class='bahaya'><td>Subtotal</td><td>" + numnerSum + "</td><td>" + priceSum + "< ;<td align='center'>Yuran tertunggak      " + tidak diselesaikan + "</td></tr>";
$("#smallTable" + k).append(totalTrObj);
console.log(priceSum);
console.log("Yuran belum diselesaikan" + belum selesai);
k++;
});
});

Kod JSON jQuery untuk mendapatkan data jadual secara dinamik ialah fungsi jQuery yang memanggil jadual json untuk mendapatkan data secara dinamik Semua jadual dilipat dan semuanya ditutup dua kali pada baris jadual untuk melipat dan menutup jadual.

Nota: Memandangkan pelayan tidak menyokong JSON, tidak akan ada data Muat turun pakej termampat dan bina sendiri!
Penafian

Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn

Artikel Berkaitan

Bagaimana untuk Menyahmarshall Data JSON Secara Dinamik Berdasarkan Nilai Kod? Bagaimana untuk Menyahmarshall Data JSON Secara Dinamik Berdasarkan Nilai Kod?

31 Oct 2024

Menyahmarshalling Data ArbitraryDalam banyak senario, adalah perlu untuk menyahmarshalling data JSON dengan cara yang fleksibel, membenarkan proses unmarshalling untuk...

Bagaimanakah Saya Boleh Menjana Jadual HTML secara Dinamik daripada Data JSON Menggunakan JavaScript? Bagaimanakah Saya Boleh Menjana Jadual HTML secara Dinamik daripada Data JSON Menggunakan JavaScript?

20 Dec 2024

Tukar Data JSON kepada Jadual HTML dengan JavaScriptBanyak tugas memerlukan penukaran data JSON ke dalam format yang interaktif dan boleh dibaca. Ini boleh...

Bagaimana untuk Mengekalkan Kesan Mouseover jQuery dalam ASP.NET UpdatePanels? Bagaimana untuk Mengekalkan Kesan Mouseover jQuery dalam ASP.NET UpdatePanels?

03 Dec 2024

jQuery $(document).ready dan UpdatePanels: Pandangan Yang DiperhalusiApabila menggunakan jQuery untuk menggunakan kesan tetikus pada elemen dalam UpdatePanel,...

Bagaimana untuk Membina Peluncur Imej jQuery Mudah dengan Kesan Gelongsor dan Kelegapan? Bagaimana untuk Membina Peluncur Imej jQuery Mudah dengan Kesan Gelongsor dan Kelegapan?

24 Nov 2024

Membina Peluncur Imej jQuery Mudah dengan Kesan Gelongsor dan KelegapanMembuat peluncur imej tersuai dalam jQuery tanpa bergantung pada pemalam luaran...

Bagaimana Saya Boleh Membuat Slider Imej jQuery dengan Mudah dengan Kesan Pudar atau Slaid? Bagaimana Saya Boleh Membuat Slider Imej jQuery dengan Mudah dengan Kesan Pudar atau Slaid?

24 Nov 2024

Permudahkan Penciptaan Peluncur Imej jQuery dengan Kesan Pudar atau SlaidSama ada anda seorang pembangun yang berpengalaman atau baru bermula dengan jQuery, kraf...

Kaedah manakah yang Terbaik untuk Memasukkan jQuery dalam Laman Web Anda? Kaedah manakah yang Terbaik untuk Memasukkan jQuery dalam Laman Web Anda?

03 Nov 2024

Dari Mana Untuk Memasukkan jQuery: Meneroka Pilihan dan Kesan Apabila ia datang untuk memasukkan jQuery ke dalam laman web anda, persoalan timbul: yang...

apakah pemalam jquery apakah pemalam jquery

27 Sep 2022

Pemalam jquery bermaksud "pemalam jquery", iaitu beberapa alat yang ditulis oleh pembangun menggunakan jquery Ia boleh difahami sebagai fungsi atau kesan khas yang dirangkumkan oleh jQuery, hanya sejumlah kecil kod yang diperlukan untuk mencapai hasil yang baik. Kesan. Tujuan menulis pemalam jquery adalah terutamanya untuk merangkum satu siri kaedah atau fungsi sedia ada supaya ia boleh digunakan semula di tempat lain untuk memudahkan penyelenggaraan kemudian dan meningkatkan kecekapan pembangunan.

Bagaimana untuk mencapai kesan karusel dengan jquery Bagaimana untuk mencapai kesan karusel dengan jquery

01 Dec 2021

Cara untuk mencapai kesan karusel dengan jquery: 1. Ikat tetikus ke atas dan biarkan pemprosesan acara melalui kaedah hover() jquery 2. Ikat pemprosesan acara klik tetikus melalui kaedah bind() jquery untuk membalik-balikkan.

Bagaimana untuk menambah 1 suka dengan jQuery Bagaimana untuk menambah 1 suka dengan jQuery

17 Nov 2021

Cara menambah 1 suka dengan jQuery: 1. Import jquery; 2. Tetapkan kod HTML dan CSS 3. Hantar kod "$(".liker"). Kaedahnya adalah untuk mencapai kesan menambah 1 suka.

See all articles See all articles

Hot Tools

jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine

jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine

Kesan khas animasi bunga api pengakuan Hari Valentine jQuery yang sangat popular pada Douyin, sesuai untuk pengaturcara dan pakar teknikal untuk menyatakan cinta mereka kepada gadis yang mereka cintai Tidak kira anda suka atau tidak, anda perlu bersetuju pada akhirnya.

templat antara muka log masuk animasi responsif layui

templat antara muka log masuk animasi responsif layui

templat antara muka log masuk animasi responsif layui

520 Kesan khas animasi web pengakuan Hari Valentine

520 Kesan khas animasi web pengakuan Hari Valentine

jQuery Animasi Pengakuan Hari Valentine, Animasi Latar Belakang 520 Pengakuan

Halaman log masuk sistem yang keren

Halaman log masuk sistem yang keren

Halaman log masuk sistem yang keren

Pemain muzik pita HTML5-CASSETTE PLAYER

Pemain muzik pita HTML5-CASSETTE PLAYER

Pemain muzik pita HTML5-CASSETTE PLAYER