!DOCTYPE html
创新互联建站于2013年创立,是专业互联网技术服务公司,拥有项目成都网站设计、做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元开封做网站,已为上家服务,为开封各地企业和个人服务,联系电话:13518219792
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title/title
script src="Scripts/jquery-1.8.2.js" type="text/javascript"/script
script type="text/javascript"
$(function () {
if ($("#data1").length 0) {
var tableHtml = "";
//data2
tableHtml += "table id='data2'";
tableHtml += "tr" + $("#data1 tr:eq(0)").html() + "/tr";
tableHtml += "trtd合计/td";
$("#data1 tr:eq(0) th:gt(0)").each(function () {
var total = 0;
$("#data1 tr:gt(0) td:nth-child(" + ($(this).index() + 1) + ")").each(function () {
total += parseInt($(this).html());
});
tableHtml += "td" + total + "/td";
});
tableHtml += "/tr/table";
//data3
tableHtml += "table id='data3'";
tableHtml += "trtd/tdtd合计/td/tr";
$("#data1 tr:gt(0)").each(function () {
var total = 0;
$(this).children("td").each(function (i) {
if (i == 0) {
tableHtml += "trtd" + $(this).html() + "/tdtd";
}
else {
total += parseInt($(this).html());
}
});
tableHtml += total + "/td/tr";
});
tableHtml += "/table";
$("div.2").append(tableHtml);
}
});
/script
/head
body
div class="div1"
table id="data1"
tr
th/th
th服装/th
th包包/th
th鞋子/th
/tr
tr
td8:00/td
td3/td
td4/td
td1/td
/tr
tr
td9:00/td
td4/td
td2/td
td7/td
/tr
tr
td10:00/td
td2/td
td7/td
td3/td
/tr
/table
/div
div class="2"
/div
/body
/html
代码应该还可以再优化。
var sum = 0;
$("#hide").find("span").each(function(k,v){
sum += parseInt($(v).text());
});
$("#show").text(sum);
//功能描述:我不知道你所说的"自动"是什么调用方法,所以我设置成页面加载完成就计算了
//历遍class="table_sum"的表,判断tr中的第一个td是不是数字,是数字的话,就计算第二个td的值
//最后把结果放到该表的class="sum"的td格中
//代码已测试成功,我使用jquery-1.7.1.min.js
$(function(){
$('.table_sum').each(function(){
var sum = 0;
$('tr', this).each(function(){
if(Number($('td', this).eq(0).html()) = 0){
sum += Number($('td', this).eq(1).html());
}
});
$('.sum', this).html(sum);
});
});
你好!
下面通过循环累加的方式,获取结果:
$(document).ready(function(){
var sum = 0;
$.each($(":checkbox[name='checkvalue']"),function(){
sum += parseInt(this.value);
});
alert(sum);
});
标题名称:jquery求和的简单介绍
本文URL:https://www.cdcxhl.com/article38/phcisp.html
成都网站建设公司_创新互联,为您提供品牌网站设计、网页设计公司、虚拟主机、网站维护、Google、App开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联