【jQuery：遍历相同class的所有值，遍历某一列td的值】

最新推荐文章于 2022-10-12 11:34:43 发布

SPARK_NET_

最新推荐文章于 2022-10-12 11:34:43 发布

阅读量1.4k

点赞数

本文链接：https://blog.youkuaiyun.com/u014714340/article/details/46442269

版权

这篇博客展示了如何使用jQuery遍历具有相同class的HTML元素，特别是遍历表格中特定列的td值，并进行统计。通过示例代码解释了如何获取jsp中循环的数据，然后用JavaScript进行数量累加，最后将统计结果显示在页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsp代码：

Html代码

复制代码

js代码：

Html代码

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_concerncount_concern = count_concern+ parseInt($(".concern").eq(i).html());
count_noConcerncount_noConcern = count_noConcern + parseInt($(".noConcern").eq(i).html());
count_validateNumbercount_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();//有数据时，显示该行
}