jq对表格统计

亦凉 2022-08-26 05:52 170阅读 0赞

<!doctype html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    	<script>
    	function sumOfColumns(elem) {
    		var total = 0;
    		$(elem).find("tr").each(function(){
    			var t=0;
    			var num1=$(this).children("td:nth-child("+2+")").html();
    			var num2=$(this).children("td:nth-child("+3+")").html();
    			if(num1=="" || num2==""){
    				alert('dsd');
    			}else{
    				t=parseInt(num1)/parseInt(num2);
    				alert(t);
    			}
    			
    		});
    		return total;
    	}
    	$(function(){sumOfColumns(".data");});
    	
    	</script>
    </head>
    <body>
    <table>
    	<thead>
    		<tr>
    			<td>col1</td>
    			<td>col2</td>
    			<td>col3</td>
    		</tr>
    	</thead>
    	<tbody class="data">
    		<tr>
    			<td>1</td>
    			<td>100</td>
    			<td>200</td>	
    		</tr>
    		<tr>
    			<td>2</td>
    			<td>20</td>
    			<td>40</td>
    		</tr>
    		<tr>
    			<td>3</td>
    			<td></td>
    			<td>55</td>
    		</tr>	
    	</tbody>
    </table>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

相关 .md表格怎么对齐

在 Markdown 中，表格的对齐方式是使用竖线 `|` 和冒号 `:` 来控制的。冒号 `:` 的位置决定了对齐方式：冒号在左边，表示左对齐冒号在右边

谁践踏了优雅/ 2024年03月25日 08:53/ 0 赞/ 44 阅读

相关 web 习题表格对账单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

超、凢脫俗/ 2022年12月24日 01:58/ 0 赞/ 125 阅读

相关 jq轻量级动态渲染表格

> 本来想用layui的，无奈插件开发担心第三方css注入影响到宿主网站，只能自己动手写了，模拟layui写的，可能存在bug,欢迎反馈 > ![在这里插入图片描述][wa

朴灿烈づ我的快乐病毒、/ 2022年09月14日 03:08/ 0 赞/ 238 阅读

相关 jq实现表格轮播滚动——技能提升

今天在做电视机的项目，除了单位要转为自适应的`rem`之外，还有一个点就是表格要实现轮播。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

ゞ浴缸里的玫瑰/ 2022年09月08日 03:48/ 0 赞/ 290 阅读

相关 jq对表格统计

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

亦凉/ 2022年08月26日 05:52/ 0 赞/ 171 阅读

相关 jquery实现表格字段统计功能

在使用html的table时，经常会需要统计某个字段，下面分享一个本人封装好的方法，快速实现统计功能主要使用方法是：在要统计的字段的th中加上`class="get-sum

青旅半醒/ 2022年07月15日 05:16/ 0 赞/ 196 阅读

相关 jquery实现表格字段统计功能

在使用html的table时，经常会需要统计某个字段，下面分享一个本人封装好的方法，快速实现统计功能主要使用方法是：在要统计的字段的th中加上`class="get-sum

柔光的暖阳◎/ 2022年07月15日 05:16/ 0 赞/ 142 阅读

相关 jq实现表格上移/下移/置顶功能

这里主要是运用了选择器的一些知识，全部代码如下： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <m

ゝ一纸荒年。/ 2022年06月02日 04:13/ 0 赞/ 193 阅读

相关使用JQ获取表格中的动态id数据

> 一，问题最近有一个从表格中获取动态id的一个需求，虽然以前做过，但是因为之前也没有怎么记录下来，所以忘记了。查了一些资源，现在知道怎么实现了。然后记录下来，下次再用到了

╰半夏微凉°/ 2022年04月15日 05:27/ 0 赞/ 770 阅读

相关页面上表格金额统计汇总

![70][] 页面结构：  <div id="div-checkout-id" class="row cl">

拼搏现实的明天。/ 2021年09月27日 11:16/ 0 赞/ 279 阅读