首页

JS特效

jQuery特效

jQuery的JSON动态获取表格数据代码

立即下载预览

/*左侧展开关闭*/
函数 dbClick(obj) {
if($(obj).next().is(":hidden")) {
$(obj).next().show();
} 别的 {＃＃＃ $(obj).next().hide();
}
};
$(函数() {
$("#mainTable thead").next().empty();
var k = 0;
$.getJSON("revenue.json", function(data) {
$.each(数据, 函数(mainIndex, mainTable) {
/*收入单位*/
var mainTrObj = "" mainTable. RevenueUnit "</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(有孩子== 0) {
var nullHead = "<tr><td colspan='5'align='center'>暂无数据</td></tr>";
$("#mainTable").append(nullHead);
} 别的 {＃＃＃ var SmallTit = "

<td>费用结算单位</td><td>数量</td><td>费用价格</td><td>费用类型</ td></tr></table></td></tr>";
$("#mainTable").append(smallTit);
}
/*支出单位遍历*/
var numnerSum = 0;
var 价格总和 = 0;
var 未解决 = 0;
var child = data[k].child;
for(var j = 0; j < haveChild; j ) {
numnerSum = numnerSum parseInt(child[j].number);
PriceSum = PriceSum parseFloat(child[j].price);
价格总和 = Math.round(价格总和 * 100) / 100;
未解决= parseFloat(mainTable.totalPrice)-priceSum;
未解决 = Math.round(未解决 * 100) / 100;
var SmallTrObj = "

" child[j].expendUnit "</td><td>" child[j].number "</td><td>" child[j].price "</td><td colspan='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'>未结费 " unsettled "</td></tr>";
$("#smallTable" k).append(totalTrObj);
console.log(priceSum);
console.log("未结费" unsettled);
k ;
});
});

jQuery JSON动态获取表格数据代码是一款jQuery函数调用json表格动态获取数据，表格全部折叠，全部关闭，双击表格行折叠关闭表格。

注：由于服务器不支持JSON，所以会出现无数据，下载压缩包自行搭建！

免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性！本站所有资源仅供学习参考。请不要将它们用于商业目的。否则，一切后果由您负责！如有侵权，请联系我们删除。联系方式：admin@php.cn

jQuery实现表单里文字按钮特效合集

25 Apr 2018

这次给大家带来jQuery实现表单里文字按钮特效合集，jQuery实现表单里文字按钮特效的注意事项有哪些，下面就是实战案例，一起来看一下。

jQuery 如何高效地选择具有特定 CSS 属性的元素？

30 Nov 2024

在 jQuery 中选择具有特定 CSS 属性的元素问题：我们如何有效地选择拥有特定 CSS 属性的所有元素...

如何在 jQuery 中捕获鼠标滚轮事件？

26 Oct 2024

在 jQuery 中捕获鼠标滚轮事件 jQuery 提供了一种有效的方法来捕获特定的鼠标滚轮事件，与滚动事件不同。这...

如何使用 jQuery 和 JavaScript 高效解析和显示 JSON 数据？

06 Dec 2024

使用 jQuery 和 JavaScript 解析 JSON 数据这个简短的教程解决了有效操作 JSON 数据的挑战，特别是...

jQuery与Zepto是什么区别

20 Nov 2020

jQuery与Zepto区别：1、添加id时jQuery不会生效而Zepto会生效；2、zepto中没有为原型定义extend方法而jquery有；3、zepto由盒模型决定，而jquery会忽略盒模型。

css3动画和jquery动画有什么区别

28 Apr 2022

css3动画和jquery动画的区别：1、css3可以设置3d动画，jquery不能实现3d动画；2、css的2d矩阵动画效率较高，其他属性动画效率低，jquery利用margin和left、top模拟的矩阵动画效率低，其他属性动画效率高。

jQuery框架概述

26 Aug 2020

1. jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities2.jQury优势轻量级、强大...