`

jQuery:遍历相同class的所有值,遍历某一列td的值

阅读更多

jsp代码:

<c:forEach var="main" items="${mainPage.list }">
	<tr>
		<td><a class="sceneStr_td">${main.sceneStr }</a></td>
		<td class="concern">${main.concernedNumber }</td>
		<td class="noConcern">${main.noConcernedNumber }</td>
		<td class="validateNumber">${main.validateNumber }</td>
		<td>${main.createTime }</td>
		<td>${main.delFlag==0?'允许':'不允许' }</td>
		<td>
                     <a href="${main.url }" target="_blank">二维码链接</a>
		</td>
	</tr>
</c:forEach>
<tr class="count_main">
	<th style="text-align: center;">统计:</th>
	<td class="count_concern">0</td>
	<td class="count_noConcern">0</td>
	<td class="count_validateNumber">0</td>
	<td></td>
	<td></td>
	<td></td>
</tr>

 js代码:

	var main_list_size = $(".main_list_size").val();//获取主单循环大小
	main_list_size = parseInt(main_list_size);
	var count_concern = parseInt(0);
	var count_noConcern = parseInt(0);
	var count_validateNumber = parseInt(0);
	if(main_list_size<=0){
		$(".count_main").hide();//没有数据时,隐藏该行
	}else{
		var concern = $(".concern   noConcern   validateNumber");
		for(var i=0;i<main_list_size;i++){
			count_concern = count_concern+ parseInt($(".concern").eq(i).html());
			count_noConcern = count_noConcern + parseInt($(".noConcern").eq(i).html());
			count_validateNumber = count_validateNumber + parseInt($(".validateNumber").eq(i).html());
		}
		$(".count_concern").html(count_concern);
		$(".count_noConcern").html(count_noConcern);
		$(".count_validateNumber").html(count_validateNumber);
		$(".count_main").show();//有数据时,显示该行
	}

 这样,下面的统计信息就全出来了

1
0
分享到:
评论

相关推荐

    jquery遍历table的tr获取td的值实现方法

    知识点三:jQuery遍历表格tr获取td值的方法一 在方法一中,首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`&lt;tbody&gt;`元素下所有的`&lt;tr&gt;`元素,并将它们存入`...

    用Jquery获取table中td的值

    在"用Jquery获取table中td的值"这个场景下,可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现: ```javascript $("table tr td").each(function(index, element) { var value = $(element)....

    用Jquery选择器计算table中的某一列某一行的合计

    总结来说,使用jQuery选择器计算HTML表格中某一列的某一行的合计值是通过遍历指定列的所有单元格,对其中的数值进行累加实现的。在实际开发中,理解并灵活运用jQuery选择器能够帮助我们更高效地处理DOM操作,提升...

    jQuery学习资料

    - `$("#prev ~ div")`:选择所有与某元素具有相同父元素的兄弟元素。 3. **过滤选择器**: - `$("tr:odd")`:选择索引为奇数的行。 - `$("tr:even")`:选择索引为偶数的行。 - `$("tr:first")`:选择第一个元素...

    jquery命令汇总,方便使用jquery的朋友

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了网页中的 DOM 操作、事件处理、动画设计和 AJAX 交互。这个“jQuery 命令汇总”是为那些正在学习或使用 jQuery 的开发者准备的一个实用参考资料。 ### 1. ...

    Jquery选择器说明文档.doc

    - `:parent`:选取有子元素或文本的元素,`$("td:parent")`选取所有含有内容的`&lt;td&gt;`。 5. **可见性过滤器**: - `:hidden`:选取所有不可见元素,`$("tr:hidden")`选取所有隐藏的`&lt;tr&gt;`。在JQuery 1.3.2版本中,...

    jQuery详细文档

    - `jQuery.size()`:获取jQuery对象集合的长度,与`.length`属性相同。 - `jQuery.get()`:获取原始DOM元素数组。 - `jQuery.eq(position)`:根据索引位置获取单个jQuery对象。 #### 三、数据操作 jQuery提供了...

    jquery手册

    - **内容过滤器**:如`div:contains('John')`, `td:empty`, `div:has(p)`, `td:parent`,基于元素内容进行筛选。 - **可见性过滤器**:如`span:hidden`, `span:visible`,基于元素是否可见进行筛选。 - **属性过滤器...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    在IT行业中,前端开发是至关重要的一个环节,而jQuery库为开发者提供了强大的DOM操作、事件处理和动画制作等功能,使得JavaScript编程变得更加简单。本项目主要关注如何使用jQuery将JSON数据填充到HTML表格中,并...

    jQuery实现动态给table赋值的方法示例

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。本篇文章将深入探讨如何使用jQuery来动态地给HTML表格(table)赋值,通过一个具体的实例来展示相关技巧。...

    jQuery1.7.1_API中文手册

    - **each()**: 遍历jQuery对象集合,对每个元素执行回调函数。 - **size()**: 返回集合中元素的数量。 - **length**: 等价于`size()`,返回集合的长度。 - **get()**: 获取原始的DOM元素数组或单个DOM元素。 #### ...

    jQuery技巧大放送

    3. **获取jQuery集合的某一项** 当你需要从jQuery对象集合中获取特定项时,可以使用`eq(index)`或`get(index)`。`eq()`返回一个新的jQuery对象,而`get(index)`返回DOM元素。例如,获取并修改第三个`&lt;div&gt;`的内容:...

    jQuery仿excel表格选中变色效果代码

    在IT行业中,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。本教程将详细讲解如何使用jQuery实现一个仿Excel表格的选中变色效果,以增强用户界面的交互性。 ...

    jquery获取table中的某行全部td的内容方法

    这可以通过`.children('td')`来完成,它会返回一个包含所有td元素的jQuery对象: ```javascript var $tds = $targetRow.children('td'); ``` 现在,$tds包含了tr内的所有td元素。我们可以访问每个td的内容,例如...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    jquery 动态增加删除表格. 实例

    3. 表格排序:允许用户根据某一列进行升序或降序排序。 4. 编辑模式:切换表格到编辑模式,允许用户直接在表格内修改数据,而不是通过单独的编辑界面。 通过这些扩展,我们可以构建出更强大、更灵活的表格管理工具...

    探析在jQuery框架下操作HTMLDOM元素.pdf

    ·过滤选择器,如$(”:first”)选择所有tr元素的第一个,$(”td:gt(4)”)选择td元素中序号大于4的所有td元素;$(”div:contains(John’)”)选择所有div中含有John文本的元素。 四、jQuery操作HTML DOM元素的优点 ...

    动态合并单元格JQUERY.txt

    1. `$('.TDClass').each(function(index,element){`:此行为选择了所有带有类名为`TDClass`的元素,并对它们进行循环操作。 2. `if(!$(this).hasClass('hide'))`:检查当前元素是否具有`hide`类名,如果没有,则执行...

    jquery选取商品隔行变色

    商品列表通常以表格(`&lt;table&gt;`)或无序列表(`&lt;ul&gt;`)的形式呈现,每个商品作为一个单元格(`&lt;td&gt;`)或列表项(`&lt;li&gt;`)。例如: ```html &lt;ul class="product-list"&gt; &lt;li class="item"&gt;商品1 &lt;li class="item...

Global site tag (gtag.js) - Google Analytics