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();//有数据时,显示该行 }
这样,下面的统计信息就全出来了
相关推荐
知识点三:jQuery遍历表格tr获取td值的方法一 在方法一中,首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`<tbody>`元素下所有的`<tr>`元素,并将它们存入`...
在"用Jquery获取table中td的值"这个场景下,可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现: ```javascript $("table tr td").each(function(index, element) { var value = $(element)....
总结来说,使用jQuery选择器计算HTML表格中某一列的某一行的合计值是通过遍历指定列的所有单元格,对其中的数值进行累加实现的。在实际开发中,理解并灵活运用jQuery选择器能够帮助我们更高效地处理DOM操作,提升...
- `$("#prev ~ div")`:选择所有与某元素具有相同父元素的兄弟元素。 3. **过滤选择器**: - `$("tr:odd")`:选择索引为奇数的行。 - `$("tr:even")`:选择索引为偶数的行。 - `$("tr:first")`:选择第一个元素...
jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了网页中的 DOM 操作、事件处理、动画设计和 AJAX 交互。这个“jQuery 命令汇总”是为那些正在学习或使用 jQuery 的开发者准备的一个实用参考资料。 ### 1. ...
- `:parent`:选取有子元素或文本的元素,`$("td:parent")`选取所有含有内容的`<td>`。 5. **可见性过滤器**: - `:hidden`:选取所有不可见元素,`$("tr:hidden")`选取所有隐藏的`<tr>`。在JQuery 1.3.2版本中,...
- `jQuery.size()`:获取jQuery对象集合的长度,与`.length`属性相同。 - `jQuery.get()`:获取原始DOM元素数组。 - `jQuery.eq(position)`:根据索引位置获取单个jQuery对象。 #### 三、数据操作 jQuery提供了...
- **内容过滤器**:如`div:contains('John')`, `td:empty`, `div:has(p)`, `td:parent`,基于元素内容进行筛选。 - **可见性过滤器**:如`span:hidden`, `span:visible`,基于元素是否可见进行筛选。 - **属性过滤器...
在IT行业中,前端开发是至关重要的一个环节,而jQuery库为开发者提供了强大的DOM操作、事件处理和动画制作等功能,使得JavaScript编程变得更加简单。本项目主要关注如何使用jQuery将JSON数据填充到HTML表格中,并...
在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。本篇文章将深入探讨如何使用jQuery来动态地给HTML表格(table)赋值,通过一个具体的实例来展示相关技巧。...
- **each()**: 遍历jQuery对象集合,对每个元素执行回调函数。 - **size()**: 返回集合中元素的数量。 - **length**: 等价于`size()`,返回集合的长度。 - **get()**: 获取原始的DOM元素数组或单个DOM元素。 #### ...
3. **获取jQuery集合的某一项** 当你需要从jQuery对象集合中获取特定项时,可以使用`eq(index)`或`get(index)`。`eq()`返回一个新的jQuery对象,而`get(index)`返回DOM元素。例如,获取并修改第三个`<div>`的内容:...
在IT行业中,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。本教程将详细讲解如何使用jQuery实现一个仿Excel表格的选中变色效果,以增强用户界面的交互性。 ...
这可以通过`.children('td')`来完成,它会返回一个包含所有td元素的jQuery对象: ```javascript var $tds = $targetRow.children('td'); ``` 现在,$tds包含了tr内的所有td元素。我们可以访问每个td的内容,例如...
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...
3. 表格排序:允许用户根据某一列进行升序或降序排序。 4. 编辑模式:切换表格到编辑模式,允许用户直接在表格内修改数据,而不是通过单独的编辑界面。 通过这些扩展,我们可以构建出更强大、更灵活的表格管理工具...
·过滤选择器,如$(”:first”)选择所有tr元素的第一个,$(”td:gt(4)”)选择td元素中序号大于4的所有td元素;$(”div:contains(John’)”)选择所有div中含有John文本的元素。 四、jQuery操作HTML DOM元素的优点 ...
1. `$('.TDClass').each(function(index,element){`:此行为选择了所有带有类名为`TDClass`的元素,并对它们进行循环操作。 2. `if(!$(this).hasClass('hide'))`:检查当前元素是否具有`hide`类名,如果没有,则执行...
商品列表通常以表格(`<table>`)或无序列表(`<ul>`)的形式呈现,每个商品作为一个单元格(`<td>`)或列表项(`<li>`)。例如: ```html <ul class="product-list"> <li class="item">商品1 <li class="item...