Rumah

Kesan khas JS

kesan jQuery

JSON jQuery secara dinamik memperoleh kod data jadual

Muat turun sekarang Pratonton

/*双击展开关闭*/
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

jadual jquery memadamkan baris data secara dinamik

23 May 2023

Jadual data ialah komponen biasa apabila membangunkan aplikasi web, selalunya digunakan untuk memaparkan data. Walau bagaimanapun, kadangkala kita perlu memadamkan baris data tertentu dari jadual, dan sangat mudah untuk menggunakan jQuery untuk mencapai fungsi ini. Dalam jQuery, kami biasanya menggunakan kaedah `remove()` untuk mengalih keluar elemen DOM. Oleh itu, apabila memadamkan baris data dalam jadual, kita perlu terlebih dahulu mendapatkan elemen DOM baris ini dan kemudian menggunakan kaedah `remove()` untuk mengalih keluarnya daripada jadual. Pertama, biarkan

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?

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...

nota kajian kesan animasi jquery (8 kesan)_jquery

16 May 2016

Artikel ini berkongsi nota kajian kesan animasi jquery, yang menyediakan analisis terperinci tentang kesan animasi jquery, dan menerangkan prinsip kesan fade-in dan fade-out dan kesan gelongsor Jika anda ingin mempelajari kesan animasi jquery dengan baik, baca artikel ini dengan sabar saya percaya anda akan menemui sesuatu yang tidak dijangka.

Bagaimana untuk menulis animasi dalam jquery

28 May 2023

jQuery ialah perpustakaan JavaScript berkuasa yang sangat memudahkan kerja pembangun dan pereka. Antaranya, kesan animasi Jquery telah menjadi salah satu elemen terpenting dalam reka bentuk. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mencipta kesan animasi. 1. Kesan animasi jQuery Kesan animasi jQuery biasanya dilaksanakan menggunakan fungsi animate(). Ia membolehkan pengaturcara mencipta animasi peralihan pada satu atau lebih sifat CSS. fungsi animate() memerlukan

Bagaimana untuk menetapkan kelewatan dalam jquery

26 Apr 2023

Dalam pembangunan bahagian hadapan, kita selalunya perlu menggunakan jQuery untuk mengendalikan beberapa kesan interaktif dan kesan animasi, seperti kesan animasi apabila tetikus melayang, kesan animasi apabila halaman dimuatkan, dsb. Tetapi kadangkala kita perlu menetapkan masa penangguhan supaya kesan ini dapat dinyatakan dengan lebih baik. Jadi, bagaimanakah jQuery menetapkan kelewatan? Artikel ini akan memperkenalkan isu ini secara terperinci. 1. Kaedah kelewatan dalam jQuery Dalam jQuery, kesan kelewatan boleh dicapai dengan mudah dengan menggunakan kaedah kelewatan(). Kaedah kelewatan() boleh digunakan

kesan menaip jquery berhenti memadam

23 May 2023

Dengan populariti Internet, aplikasi kesan menaip menjadi semakin meluas, dan kesan menaip jquery telah menjadi pilihan pertama banyak pembangun laman web. Walau bagaimanapun, dalam proses merealisasikan kesan khas ini, isu terperinci sering menjejaskan pengalaman pengguna, seperti masalah pemadaman kesan khas menaip. Artikel ini akan memperkenalkan cara menggunakan kesan menaip jquery untuk menghentikan pemadaman dan meningkatkan pengalaman menyemak imbas pengguna. Pelaksanaan kesan menaip jquery boleh menggunakan pemalam siap pakai, seperti typed.js dan jQuery.Typewriter. Pemalam ini adalah berdasarkan jquery

Bagaimana untuk menggunakan kesan sorotan dalam jQuery?

27 Feb 2024

Bagaimana untuk menggunakan kesan sorotan dalam jQuery? Dalam pembangunan web, kesan sorotan ialah reka bentuk interaktif biasa yang boleh menyerlahkan elemen tertentu dan menarik perhatian pengguna. Dalam jQuery, kesan penonjolan boleh dicapai melalui kod mudah, menambahkan beberapa kesan dinamik dan visual pada halaman web. Artikel ini akan memperkenalkan cara untuk melaksanakan kesan penonjolan dalam jQuery dan memberikan contoh kod khusus. Mula-mula, pastikan anda memasukkan perpustakaan jQuery dalam halaman web anda. Anda boleh menambah tag

Bagaimana untuk menyerlahkan jquery

12 May 2023

Dalam pembangunan web, penyerlahan ialah kesan yang sangat biasa digunakan, yang membolehkan pengguna melihat dengan lebih intuitif kepentingan atau status elemen tertentu pada halaman. Dalam pembangunan bahagian hadapan, jQuery, sebagai perpustakaan JavaScript yang sangat berkuasa, boleh membantu kami mencapai kesan penyerlahan dengan cepat. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mencapai kesan penonjolan, termasuk yang berikut: 1. Pemilih jQuery 2. Operasi gaya jQuery 3. Pelaksanaan penonjolan jQuery ## Pemilih jQuery Dalam jQuery, pilih

See all articles

Alat panas Tag

penyunting PHP

Alat pembangunan

PHP IDE

Rangka kerja PHP

PHP debugging tools

PHP extensions

Hot Tools

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.